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

Question

[kennyromanov]

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

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

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



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



Весь код уже перелопатил, но так и не нашел ничего, что могло бы вызвать такой эффект. Возможно, вы сталкивались с чем-то подобным и знаете, в чём может быть проблема?

Comments

[Everything_is_not_so_bad]

Браузер? Какие расширения установлены?

[Ankhena]

Весь код уже перелопатил,

И вы считаете, что мы сможем не смотря в код сказать в чем проблема?

Говорю: что-то имеет ширину большую, чем body.

Answer 1

[kryamk]

Какие-то элементы не могут ужаться вместе с боди. Пробуйте удалять по очереди блоки, пока не поймете в каком проблема (можете в диспетчере выделять блоки и удалять их)