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

101

Михаил Костриков

21 сентября 2016, 19:45

1353

Сайт на UMI -

Гугл доволен: Отлично! Страница оптимизирована для мобильных устройств.

А вебмастер Яндекса нет: Результаты проверки

Тег viewport не указан

Отсутствие тега viewport вызывает проблемы с корректным масштабированием сайта под мобильное устройство.

Есть горизонтальная прокрутка

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

viewport действительно не указан, макросы движка ЮМИ определяют ширину экрана и адаптируют. См сайт http://pereevodperevod.ru

Когда смотрю с телефона прокрутки нет, все ок. А эмулятор вебмастера яндекса видит с прокруткой.

Сможет кто либо подсказать, как переубедить Яндекса?

Бюро переводов "К Вашим услугам" Доставка нотариальных переводов по всему миру https://perevodperevod.ru

A

130

admak

22 сентября 2016, 04:50

#1

глянул сайт... макросы, если они есть, работают криво.

лучше бы не надеялись на них, а сделали бы адаптивный сайт при помощи css.

для начала хотя бы в файле style.css замените

#page {
    width: 990px;
}

на

#page {
    max-width: 990px;
}

уже будет намного легче с горизонтальным скролом.

потом уже нужно править налезающие блоки шапки, сайдбара и блока контента.

ну и добавьте одну строку с viewport-ом.

оффтоп, не смог пройти мимо, это пять... я так не умею.

#middle {
    border-left: 200px solid #ffffff;
}

это отступ слева на 200px сделанный при помощи бордюра шириной в 200px с заливкой в цвет фона.

.............

Бессоница от CSS-верстки в Текст в категории под Нужна «шапка» с меню

S3

349

Sly32

22 сентября 2016, 10:26

#2

admak:
это отступ слева на 200px сделанный при помощи бордюра шириной в 200px с заливкой в цвет фона.

Надо взять на вооружение)))) упал, хоть я и не верстальщик)