Как мне убедиться, что моя страница входа в HTML имеет одинаковый макет в книжной и альбомной ориентации в веб-просмотре на iPad?

Question

Я создал страницу входа для iPad в формате HTML5, которая содержит одно изображение, идентификатор пользователя, пароль и изображение выхода из системы.

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

Пожалуйста, кто-нибудь подскажет, как настроить HTML-страницу в альбомном и портретном режимах ! [страница входа! [введите описание изображения здесь] [1]

Answer 1

Я бы использовал медиа-запросы ориентации CSS, @media screen and (orientation:portrait) {} и @media screen and (orientation:landscape) {}

Для получения дополнительной информации посетите Как использовать CSS3 Orientation Media Queries

Answer 2

Если вам не нужно прокручивать свой контент на странице, вы можете попробовать html {position:fixed;}