@kennyromanov

Что-то на странице сжимает размер html и body, что делает невозможным верстку под мобильные устройства, как исправить?

Самый стандартный, во всех смыслах, сайт: имеет форму лендинга и тег:

<meta name="viewport" content="width=device-width, initial-scale=1.0">


Но вот только на мобильных устройствах этот тег не работает. Если посмотреть через F12, можно увидеть, будто что-то на странице сжимает размеры html и body практически в два раза. см. скриншот:

5f4ab63437862866012806.png

Это подтверждают скриншоты с телефона, где в качестве ширины вьюпорта берется именно ширина body. см. скриншот:

5f4ab650cb876376598998.png

Весь код уже перелопатил, но так и не нашел ничего, что могло бы вызвать такой эффект. Возможно, вы сталкивались с чем-то подобным и знаете, в чём может быть проблема?
  • Вопрос задан
  • 63 просмотра
Пригласить эксперта
Ответы на вопрос 1
@kryamk
Какие-то элементы не могут ужаться вместе с боди. Пробуйте удалять по очереди блоки, пока не поймете в каком проблема (можете в диспетчере выделять блоки и удалять их)
Ответ написан
Ваш ответ на вопрос

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

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