nykakdelishki
@nykakdelishki
Я Ракета , я Торпеда!

Почему на реальном телефоне и в инструментах разработчика отличается отображения сайта?

Вот такая ситуация:
Сайт на телефоне открывается в нормальном виде но есть полоска скролла увеличивающая ширину сайта в 2 раза(само собой на второй части экрана ничего нет)
61f27f35cb19c219081959.png
meta тег вьюпорт подключен в таком ввиде:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  • Вопрос задан
  • 81 просмотр
Решения вопроса 2
BormotunJedy
@BormotunJedy
Верстальщик
Это значит, что есть элемент, ширина которого больше ширины экрана. Последовательно отключайте теги, чтобы найти проблему. А потом работайте со свойствами элемента, который не вписывается в экран.
Скорее всего дело в шапке или подвале.
Ответ написан
Комментировать
mrsexy
@mrsexy
Senior Pomidor
Научу плохому :D
body{
 overflow: hidden;
}

P.S - Это на случай, если очень прижало и нет времени искать элемент, а заказчику уже нужно что-то показать.
А так, ищите выделением элемент который выпирает.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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