Здравствуйте.

Подскажите пожалуйста как решить такую задачу.

Есть несколько div блоков (один под другим). Верхний Div блок содержит картинку, ширина - 100%, высота 600px.

Необходимо, чтобы при изменении масштаба (например, при нажатии на CTRL + "+" или CTRL + "-") размер верхнего div блока, где картинка, сохранялся.



Прикрепил картинку, чтобы было более понятно.

Красным отмечена область, размер которой должен сохраняться при любом изменении масштаба.

Спасибо!

З.Ы. У меня получалось решить данную проблему, но возникала другая. При изменении масштаба, остальные div блоки налаживались на верхний и получалась каша.

[IMG]https://s8.hostingkartinok.com/uploads/thumbs/2017/03/e2be3a0d72a016b2a74a2414dbab8eb6.png[/IMG]

Два похожих изображения - пример того, что надо реализовать.
На первом изображении - исходный размер, на втором изображении - масштаб уменьшен на 50%. В итоге можно видеть, что фоновое изображение осталось того же размера.

Пример из одного сайта

[IMG]https://s8.hostingkartinok.com/uploads/thumbs/2017/03/bf7d742d050e7ae55b9aff74b8127be3.png[/IMG]

[IMG]https://s8.hostingkartinok.com/uploads/thumbs/2017/03/ad0e304bc14e8d37c4ad5cebdee700e6.png[/IMG]

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.