iPad не масштабирует сайт правильно в портретной ориентации

Это немного странно, и мне было интересно, есть ли у кого-нибудь решение.

Сейчас мы создаем несколько веб-сайтов шириной более 1000 пикселей, и по какой-то причине, когда iPad загружает их в портретном режиме, он уменьшает их, но оставляет некоторую ширину справа, поэтому вам нужно немного прокрутить, чтобы увидеть все.

Я добавил <meta name="viewport" content="initial-scale=0.7;" />, что действительно решает проблему, но при загрузке в альбомной ориентации пользователю предоставляется небольшой сайт для начала, и он может слишком сильно уменьшить масштаб.

Пример этого можно увидеть на одном из моих сайтов по личному развитию. Это еще не работает, поэтому, пожалуйста, игнорируйте любые ошибки http://www.dundeewebstandards.com/events/

Спасибо,

Крис


ipad scaling
person Christopher Leckie    schedule 04.08.2011    source источник

Ответы (1)


arrow_upward
9
arrow_downward

У меня была такая же проблема, и я пробовал все предложенные решения, которые я мог найти, но безрезультатно. Наконец-то я понял... Если высота вашей страницы меньше 1024 пикселей, а ширина больше 768 пикселей, встроенная функция масштабирования не работает должным образом. Это также верно, если ширина вашей страницы больше, чем ее высота. Попробуйте использовать медиа-запрос, чтобы добавить минимальную высоту на свою страницу. Вот код, который я использовал для решения этой проблемы...

#page-container{
    width: 1200px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    #page-container{
        min-height: 1240px;
    }
}
person danolsavsky    schedule 06.01.2012
comment
Фантастика, в итоге мы взломали похожее исправление, хотя оно намного элегантнее. - person Christopher Leckie; 26.01.2012
comment
Отличное решение, и оно просто спасло мой бекон. Если у вас где-нибудь есть ссылка «Купи мне кофе (или бутылку виски)», дайте мне знать — я хочу выразить свою признательность! - person seekay; 09.03.2013
comment
Вау, это была неприятная проблема! Большое спасибо за это. - person Johnny; 06.06.2013
comment
Большое спасибо! Я ненавидел, что не видел этого раньше. Это поведение где-то задокументировано? - person 322896; 19.02.2014