Как убрать горизонтальный скролл на сайте при просмотре с iphone X в браузере Google Chrome?

Всем доброго времени суток.

При просмотре сайта через десктопные браузеры все элементы и экран показываются ровно соответствуя медиа запросам. Точно так же - все отображается ровно если в Chrome выбрать отображение сайта как с iPhone X c перевернутым экраном. Но если зайти на сайт с iPhone X с браузера Google Chrome, и перевернуть экран, то во первых - появляется горизонтальный скролл, во вторых - при переворачивании экрана обратно слетает полностью мобильный вид сайта. Что касается просмотра сайта через браузер Safari на iPhone X, все отображается ровно.

Прилагаю видео - экран запись с iPhone X.

Ссылка на видео - https://disk.yandex.ru/i/BI2go6yL2gtxQQ.
Ссылка на сайт - http://grillgrad.ru/

Прошу помочь кто может мне в этом вопросе. Я понимаю, что скорее всего верстка кривая где-то или где-то нарушены правила оформления через СSS.

guram1994@gmail.com 06.03.2021 в 22:58

Ответы (2)


Это хромовский баг. Дело не только в моем сайте.

guram1994@gmail.com 09.03.2021 в 19:56

Как вариант, можно поштучно прятать блоки в вёрстке до того момента пока не найдёте тот, что является причиной проблемы. Ну а далее, уже надо скрывать элементы блока, для того, что бы найти тот элемент, который не корректно влияет на отображение.

Artemyev 09.04.2021 в 13:00

Добавить новый ответ