Контент шире экрана. Как исправить?

Юлия Зима Юлия Зима  
0
  26.04.2018 13:23       6 946     Помощь  
Сайт -  txtforweb.ru
На некоторые страницы Гугл ругается - контент шире экрана, интерактивные элементы располагаются слишком близко друг к другу - как исправить? Визуально на мобильных отображается нормально.

Ответы на пост (3) Написать ответ
Funs Funs
175
26.04.2018 17:50
Нет, не нормально: https://cdn1.savepice.ru/uploads/2018/4/26/9d4a38b9ef764faaf021b9205de221f1-full.jpg
Как исправить? Сверстать адаптивные страницы. В первую очередь обратить внимание на вёрстку таблиц. Но и в других элементах тоже есть проблемы. Тема как бы адаптивная, но с жуткими косяками.
0
Алексей Явнов Алексей Явнов
0
29.04.2018 15:58
Удалось более-менее решить вашу проблему просто добавив:


@media screen and (max-width: 414px) {
.blok1, .blok2, .blok3, .blok4, .blok5 {
width: 100%;
}

input[type="reset"], input[type="button"], input[type="submit"] {
margin-left: -55px;
}
}

Костыли, но проблему должны решить
0
ndaev ndaev
74
11.05.2018 23:08
Чтобы убрать контент шире экрана: CSS для моб. устройств (вся @media) прописуете:
html, body {width:100%; overflow-x:hidden}

По близким элементам:
Пробуйте по очереди удалять или комментировать элементы на странице сайта и запускать на проверку в https://search.google.com/test/mobile-friendly , так вычислите, где нестыковка по адаптации сайта под моб. устройства. После этого проще найти ошибку.
0