Проверка оптимизации для мобильных криво видет страницу?

Question

[jwwwe]

Доброго времени суток. Не могу понять, почему "Проверка оптимизации для мобильных" в Google не правильно отображает мобильную версию, хотя на всех устройствах нормально. Прилагаю скрин.

Comments

[xmoonlight]

в body стиль: overflow: hidden ?

Answer 1

[Орхан Гасанлы]

Здравствуйте.
Посмотрите содержимое файла robots.txt
Скорее всего вы запретили доступ гуглоботу к файлам css & js темы из-за чего сайт отображается некорректно.

Добавьте следующие строки в роботс и перепроверьте заново:

User-agent: Googlebot
Allow:	/*.css*
Allow:	/*.js*
Allow: 	/*.ttf*
Allow: 	/*.woff*
User-agent: Googlebot-Mobile
Allow:	/*.css*
Allow:	/*.js*
Allow: 	/*.ttf*
Allow: 	/*.woff*

Comments

[jwwwe]

Так он стили видит, но как то не правильно их интерпретирует.

Answer 2

[Игорь Васильев]

Пользуйтесь - www.responsinator.com
Помогает увидеть всю картину целиком.
И охват устройств лучше сделать так:

@media screen and (max-width:767px) {

}
@media screen and (min-width:768px) and (max-width:991px) {
   
}
@media screen and (min-width:992px) and (max-width:1199px) {
  
}
@media screen and (min-width: 1200px) {
 
}

Тогда вы захватываете все размеры разом.

Answer 3

[jwwwe]

Вроде разобрался. Почему то он так реагировал на свойство: min-width. И причем даже на закомментированное.