@ae0lian

Не правильно отображается верстка на мобильных устройствах?

Работал через firefox и в нем все было адекватно в мобильных режимах инспектора. Но посмотрев на мобильных оказалось все криво. А вот хромовский инспектор выдал правильную картину, как и обстоит на самом деле. После того, как логично не получилось понять в чем проблема по правилам верстки, то удалив все svg все стало адекватно отображаться.
Шапка и хэдэр растянуты с помощью абсолютного позиционирования и содержат border. Так что по ним видно, что элемент не растянут больше чем надо, тем не менее после удаления svg проблема уходит. Более того в body написал overflow: hidden и тем не менее экран больше чем есть и появляются полосы прокрутки. В хэдере также проставлен тэг для мобильных устройств.
По инспектору тоже не показывает внешние margin, padding если наводить мышкой на структуру dom.

Media breakpoints: Ipad, Iphone X под которыми с инспектора смотреть.

P.S Давно уже не было такого, чтобы так долго не понимал в чем проблема в верстке, спасайте : )
  • Вопрос задан
  • 109 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

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

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