Проблема ориентации iPad на веб-странице

Question

Я разработал веб-страницу для ПК и хотел, чтобы она была совместимой и с iPad.Однако я не делал особых дополнений к своей странице для совместимости с iPad.Я только добавил метатег.

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1;" />

Когда я просматриваю сайт в альбомном режиме iPad, при загрузке страницы он выглядит хорошо.Но когда я переключаюсь в портретный режим, страница выглядит обрезанной.Когда я снова переключаюсь в альбомный режим, страница выглядит обрезанной еще дальше.

Какие еще методы я должен соблюдать, чтобы сделать свою страницу iPad-совместимой. Я ищу рекомендации / лучшие практики по использованию% widths и прочеговот так. Мои элементы в настоящее время имеют максимальный размер 954 пикселя.Должен ли я обязательно использовать% widths для совместимости с iPad?Любые другие полезные советы?

Answer 1

initial-scale = 1.0 означает, что ваша страница будет загружаться «в полный размер», что слишком широко в альбомной ориентации.Если вы используете этот метатег, вы обычно будете использовать его в сочетании размера ширины страницы с точными размерами экрана.Поскольку это не так, я бы вообще не использовал этот метатег и позволил браузеру iPad нормально загружать страницу (браузер сам подгонит ее под экран).