Должен ли я использовать ширину устройства или фиксированную ширину для моего окна просмотра

Question

При создании веб-страницы, оптимизированной для мобильных устройств, я пытаюсь понять плюсы и минусы использования ширины устройства и фиксированной ширины в метатеге области просмотра.

Фиксированная ширина:

<meta name="viewport" content="width=640" />

Ширина устройства

<meta name="viewport" content="width=device-width" />

В чем преимущества использования ширины устройства по сравнению с фиксированной шириной?Потому что для меня решение создания веб-страницы шириной 640 пикселей с окном просмотра шириной 640 пикселей - самое простое - создать страницу, которая всегда заполняет всю ширину экрана, независимо от фактической ширины / высоты телефона.

Может быть, я вижу некоторые проблемы при использовании фиксированной ширины, если я хочу поддерживать как ландшафт / портрет?Или, может быть, это как-то связано с тем, что вы не можете использовать медиа-запросы для таргетинга, потому что он всегда будет иметь фиксированную ширину?

Answer 1

Я использую этот видовой экран:

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

У меня были проблемы с масштабированием при изменении ориентации устройства, но при этом независимо от ориентации (горизонтальной / вертикальной)Мобильный сайт идеально подходит для экрана телефона.