Почему ширина моего окна просмотра сафари на iPad составляет всего 768 пикселей вместо 1028 пикселей?

Question

Везде, где я читаю, ширина экрана на Ipad 1 составляет 1024 x 768.

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

Затем я вычислил ширину, поскольку jQuery видит ее, используя $(window).width(); и он сообщает только 768px x 467px;

У меня есть следующий метатег:

meta name = "viewport" content = "width = device-width"

Answer 1

В альбомном режиме iPad увеличивает содержимое, так что эффективный видовой экран с таким же, как в портретном режиме.

Попробуйте это - ISTR должен принудительно увеличивать все окна до 1:1 и предотвращать масштабирование пользователя.

<meta name="viewport" content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">