Я создаю веб-приложение для iPad. В настоящее время я пытаюсь настроить ширину страницы и параметры окна просмотра для оптимизации сайта.
Я пытаюсь добиться того, чтобы веб-приложение занимало весь экран в горизонтальном и портретном режимах без масштабирования пользователя и без пустых областей слева и справа от содержимого.
Я могу добиться этого с помощью:
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
и
max-width:1024px;
min-width:768px;
Тогда проблема заключается в кодировании всего моего css для переменной ширины. Я действительно предпочел бы иметь одну ширину CSS, чтобы я мог правильно кодировать ширину элементов страницы.
Так что, если я установлю CSS на одну ширину, я не могу правильно настроить параметры окна просмотра! Когда я открываю страницу в портретном режиме с этими настройками:
<meta name="viewport" content="width=device-width,user-scalable=no" />
все отлично работает. Когда я поворачиваю устройство в ландшафт, опять все хорошо. Возвращаясь к портрету, вот где у меня проблемы. Страница слишком велика для области просмотра! Я хочу, чтобы он все еще соответствовал ширине устройства!
Кажется, это должно быть действительно легко! Я что-то пропустил? У меня на самом деле нет iPad (не хватает для v2), так что я тестирую на симуляторе iOS, который поставляется с xcode - не должно быть никакой разницы, хотя * 1020
Я использовал это .