При создании оптимизированной для мобильных устройств веб-страницы im пытается выяснить плюсы и минусы использования ширины устройства по сравнению с фиксированной шириной в метатеге viewport.Должен ли я использовать ширину устройства или фиксированную ширину для моего окна просмотра
Фиксированная ширина:
<meta name="viewport" content="width=640" />
Ширина устройства
<meta name="viewport" content="width=device-width" />
Что преимущества использования устройства ширины по фиксированной ширины? Поскольку для меня решение создания 640px широкой веб-страницы с широким окном просмотра 640px является самым простым для создания страницы, которая всегда заполняет всю ширину экрана, не имеет значения фактических характеристик ширины и высоты телефона.
Возможно, я вижу некоторые проблемы при использовании фиксированной ширины, если я хочу поддерживать как ландшафт, так и portait? Или, возможно, это имеет какое-то отношение к вашим запросам на использование медиа-запросов для таргетинга, потому что оно всегда будет использовать фиксированную ширину?
В чем разница между начальным масштабом = 1 и шириной устройства? –
Я бы подумал, что он должен иметь ту же функцию, и он имеет, но по какой-то причине iPhone при использовании в горизонтальной ориентации не учитывает ширину width = device-width, а страница становится примерно на 25% шире, чем устройство. Видовой экран, который я предложил, отлично работает. –
Отлично, но когда действительно возникает вопрос, почему бы не использовать макет фиксированной ширины и, тем самым, иметь больше контроля стиля, потому что вы знаете, сколько пикселей у вас есть в ширину, вместо того, чтобы использовать подход ширины устройства, который требует от вас создать жидкую компоновку? –