@shevchenko_ch

Как правильно задать metatag viewport для мобильных устройств?

Проблема возникает на моб. устройствах с небольшим разрешением менее 770px.
При значении min-width = 100% ширина страницы будет равна ширине экрана, в результате чего верстка ломается.
Bsp.d6b1524a580b4e8eb42409cd2f750af4.png
Если же задать фиксированное значение min-width = 480px, то ширина страницы будет больше чем ширина экрана.
Bsp.305d8c74071342f19fec85ff23c27f15.png
Я исхожу из того, что мета тег должен размещать контент по ширине дисплея независимо от ширины самой страницы, или я ошибаюсь?
посмотреть можно тут
  • Вопрос задан
  • 2199 просмотров
Пригласить эксперта
Ответы на вопрос 1
@WhiteSama
Эх, гугл теперь не в моде что ли?
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы