Размер видового экрана не работает в ios

Question

У меня есть header на моем веб-сайте, который должен быть 100vh, это отлично работает везде, кроме ios. Ios взрывает изображение очень большое, и вам нужно прокрутить вниз, чтобы добраться до содержимого.

Я пробовал height:100%, но это не приводит к росту.

Любые предложения?

ivygarrenton.com

Answer 1

поддержка браузера для Vw/ВХ/Vmin/Vmax

IE 9+ Частичная поддержка,

Firefox 31+ - Поддерживаемые

Chrome 31+,

Safari 7+ - Поддерживается, но имеет перекрашивать Issue

IOS Safari 7.1+ - Частичная поддержка

Опера - 29+

для поиска подробно см this ссылки

вы можете использовать JQuery, чтобы установить высоту и ширину вместо этого. но css работает быстрее, чем jquery для визуализации интерфейса.

Answer 2

«В.Х.» блок глючит в прошивке до версии 8. Вы можете использовать медиа-запросы, чтобы установить высоту IPADS и айфоны, как это для Retina IPad в пейзаже:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
and (-webkit-min-device-pixel-ratio: 2) { 
    #header { 
     height: 768px; 
    } 
}