Мне нужно установить минимальную ширину страницы в 600 пикселей, и чтобы она именно так открывалась в мобильных браузерах. Тестирую в Google Chrome (Android) и Safari (iOS).
Минимальная ширина страницы успешно настраивается так:
body {
min-width: 600px;
}
А вот с масштабированием по умолчанию возникли проблемы. Как настроить, чтобы при открытии страницы она была масштабирована до 600 пикселей, а не была увеличенной? Вот что я пробовал:
<meta name="viewport" content="width=device-width">
Работает только в google chrome, на safari не работает
<meta name="viewport" content="width=600, initial-scale=1">
Не работает вообще
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Не работает вообще
Возможно, это зависит от каких-то других факторов, но я не знаю, от каких.