Действительно, это зависит от ориентации устройства: установка определенного значения в пикселях приведет к увеличению размера макета с коэффициентом 1,333, чтобы он соответствовал ширине устройства 1024 пикселя в горизонтальном режиме.
Установка width=device-width, с другой стороны, не будет ничего увеличивать, но изменит ширину области просмотра, для которой вы затем сможете создать оптимизированный макет, используя медиа-запросы.Или это, по крайней мере, теория: iPad каким-то образом интерпретирует width=device-width как 768px даже в альбомном режиме.Чтобы получить реальную ширину устройства, вы должны добавить начальный масштаб = 1.
Следовательно, я не согласен с предложением Джеймса.Просто зайдите на:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
и разберитесь с различиями в размерах, используя методы разметки жидкости / отзывчивости.