Метатег Viewport для iOS-устройств

Ответ 1

Это зависит от ориентации устройства: установка определенного значения пикселя приведет к тому, что ваш макет будет увеличен с коэффициентом 1,333, чтобы соответствовать ширине устройства 1024px в ландшафтном режиме.

Настройка width=device-width, с другой стороны, не будет масштабировать что-либо вверх, а изменяет ширину видового экрана, для которой вы затем можете создать оптимизированный макет, используя медиа-запросы. Или это, по крайней мере, теория: iPad как-то интерпретирует width=device-width как 768px даже в ландшафтном режиме. Чтобы получить реальную ширину устройства, вы должны добавить начальный масштаб = 1.

Следовательно, я не согласен с предложением Джеймса. Просто зайдите:

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

и справиться с различиями в размерах, используя методы жидкой/отзывчивой компоновки.