Ipad viewport portrait issue

Question

У меня есть веб-страница, которая появляется на ipad. Моя страница веб-сайта имеет ширину 960 пикселей и переменную высоту.

Я добавил эту мету для видового экрана:

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

Я хочу видеть 100% мой веб-страницу на Sceen. Он отлично работает в ландшафте, но я не могу найти, как изменить свой видовой экран, чтобы увидеть 100% моей веб-страницы в пейзаже и на портрете.

В настоящее время я вижу 60% ширины моей веб-страницы в портрете.

Я не хочу добавлять сценарий JS или медиа-запросы. Моя веб-страница не реагирует.

Answer 1

я достигну своей цели, используя этот код:

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) { 
    body { 
    width: 768px; 
    } 
} 

Видимо это специальный код для Ipad, но он хорошо работает с Nexus 9.0 и поверхность тоже.

Если у кого-то есть сценарий JS, чтобы сделать то же самое, мне было бы интересно его проверить.

Answer 2

У вас есть статическая ширина, а iPad имеет меньшую ширину в портретном режиме. Решение этого без корректировки вашей статической ширины будет невозможно. Возможно, вам стоит рассмотреть JS или медиа-запросы. Вот сайт с более подробной информацией о размерах: http://www.websitedimensions.com/