2015-05-14 3 views
-1

для this page. У меня возникли проблемы с тем, как страница отображается на мониторах разных размеров, даже на рабочем столе. Как я могу получить общее изображение, отображаемое выше складки динамически? Благодаря!Сделайте изображение над сгибом

+0

сделал вы пытаетесь установить высоту элементов html и body на значение, превышающее высоту изображения? – Jaysbays

ответ

0

Вы можете использовать устройства «vh». Read more о единицах "vh". см supported browsers


Пример (ваша страница):

Я добавил height: 100vh; к <figure id="thumbnail" >...</figure> и height: 100%; width: 100%; к <img> внутри него (удаление всех других стиль, который вы имели там) - это сделал трюк

+0

Действительно полезно, спасибо. Что делать, если я хочу, чтобы вся страница, включая верхний и нижний колонтитулы, соответствовала 100vh? – Keren

+0

Я пробовал это в браузере. Добавление высоты: 100vh работало, но создало синюю линию под изображением, поскольку я сделал браузер меньше. Я добавил height: 100% к разделу img для элемента img, но браузер продолжает его перебирать, как будто это не законный стиль. Он сохранил этот стиль даже после того, как я его изменил: style = "top: 0px; left: -172px; width: 1274px; position: relative; height: 730px;"> – Keren

Смежные вопросы