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

Question

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

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

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

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

Спасибо

Chris

Answer 1

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

#page-container{
    width: 1200px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    #page-container{
        min-height: 1240px;
    }
}