Проверка оптимизации для мобильных устройств от Google
Autor: Alexandr Belyakov
Visitado 2052,
Followers 2,
Compartido 0
Сегодня проверил все мои сайты сервисом от Google "Проверка оптимизации для мобильных" и один мой сайт www.prudishe.ru эту проверку не прошёл, хотя он сделан в адаптивном дизайне и в принципе на смартфонах и планшетах отображается корректно. Я не знаю это проблема программы WebSiteX5 Pro 13 или сервиса Google.
Сделал сегодня запрос в компанию Goggle - жду от них ответа. Надеюсь проблема решится, также жду комментариев от разработчиков программы.
Publicado en
Они правы
Для хорошо адаптируемого не стоит в одном ряду совмещать кучу иконок.
Вставте этот код стилей и всё будет хорошо.....
<style>
@media (max-width: 719px) and (min-width: 480px) {
#imFooter {
height: 100px !important;
}
#imFooterObjects {
height: 100px !important;
}
#imFooter_imObjectTitle_22_wrapper {
top: 25px !important;
}
#imFooter_pluginAppObj_24_wrapper {
top: 45px !important;
}
#imFooter_imHTMLObject_05_wrapper {
top: 52px !important;
}
#imFooter_imHTMLObject_04_wrapper,
#imFooter_imHTMLObject_06_wrapper,
#imFooter_imHTMLObject_07_wrapper,
#imFooter_imHTMLObject_09_wrapper,
#imFooter_imHTMLObject_12_wrapper,
#imFooter_imHTMLObject_20_wrapper {
display: none !important;
}
#imFooter_imObjectTitle_21_wrapper, #imFooter_imCell_21, #imFooter_imCellStyle_21 {
width: auto !important;
}
#imFooter_imObjectTitle_22_wrapper, #imFooter_imCell_22, #imFooter_imCellStyle_22 {
width: auto !important;
}
#imFooter_imObjectTitle_22_wrapper {
left: 0px !important;
width: 100% !important;
text-align: center;
}
#imFooter_imObjectTitle_22_wrapper > div {
display: inline-block !important;
width: auto !important;
}
}
@media (max-width: 479px) {
#imHeader {
height: 0px !important;
}
#imHeaderObjects {
display: none !important;
}
#imFooter {
height: 100px !important;
}
#imFooterObjects {
height: 100px !important;
}
#imFooter_imHTMLObject_04_wrapper,
#imFooter_imHTMLObject_05_wrapper,
#imFooter_imHTMLObject_06_wrapper,
#imFooter_imHTMLObject_07_wrapper,
#imFooter_imHTMLObject_09_wrapper,
#imFooter_imHTMLObject_12_wrapper,
#imFooter_imHTMLObject_20_wrapper {
display: none !important;
}
#imFooter_imObjectTitle_21_wrapper,
#imFooter_imObjectTitle_22_wrapper,
#imFooter_pluginAppObj_24_wrapper {
left: 0px !important;
width: 100% !important;
text-align: center;
}
#imFooter_imObjectTitle_21_wrapper > div,
#imFooter_imObjectTitle_22_wrapper > div,
#imFooter_pluginAppObj_24_wrapper > div {
display: inline-block !important;
width: auto !important;
}
#imFooter_imObjectTitle_22_wrapper {
top: 29px !important;
}
#imFooter_pluginAppObj_24_wrapper {
top: 45px !important;
}
}
</style>
Autor
Виталий, применил ваш код стилей - проверка не пройдена!!!
"Страница не оптимизирована для мобильных устройств. Эта страница может быть неудобной на мобильных устройствах"
Autor
Жду официального ответа от разработчиков!!!
При использовании медиа-запросов (@media) у Вас блоки (слои) в шапке и подвале вылезают за границы страницы. Выше код стилей устраняет это.
Пропишите этот код стилей:
<style>
#imHeader, #imFooter {
display: none !important;
}
</style>
Если проверку не проходит - надо искать в другом месте.
Если проверку проходит - значит я что-то упустил в вышеизложенном коде.
Попробуйте открывать в программе в предпросмотре во всех ваших форматах.Какой то из элементов вылезает за пределы окна.Уменьшите его. У меня была тоже такая проблема с "Проверкой оптимизации для мобильных" от Google. Исправил работает нормально. Вылезал логотип в хедере. Мои сайты www.taurussb.ru и www.gidroteplostroi.ru все адаптировал под мобильники минимальный 300 максимальный 1300 и выше.