iPad Overlay не полностью покрывает экран

Question

Я использую модальный div как оверлей, чтобы отключить фоновую страницу, пока открыт оверлей DIV. Вот код:

#TB_overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

Теперь это нормально работает в настольных браузерах, но на iPad окно наложения покрывает только высоту экрана, а не всю страницу. Как мне исправить эту проблему?

Я знаю, что есть известная позиция: исправленные проблемы, а также фиксированное значение высоты пикселя могут решить эту проблему?

Но, пожалуйста, дайте мне знать, если есть какие-либо другие способы решения этой проблемы.

Answer 1

Я решил эту проблему на своем сайте, используя jQuery для расчета размера всей страницы, а затем соответственно установив высоту наложения.

Answer 2

Достаточно удобно, iPad поддерживает:

<link rel=”stylesheet” media=”all and (orientation:portrait)” href=”css/portrait.css”>

и / или

 <link rel=”stylesheet” media=”all and (orientation:landscape)” href=”css/landscape.css”>

Я рекомендую использовать min-width / min-height в вашем файле ipad.css.