Не могу оптимизировать сайт для мобильных устройств

  • 4 Ответов
  • 285 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

p4o1

  • **
  • 16
  • + 0 -
При проверке сайта http://gruzovozka.dp.ua/ в Google сервисе https://developers.google.com/speed/pagespeed/insights/ выдает ошибки
Адаптируйте размер контента для области просмотра
Ширина страницы превышает ширину области просмотра, из-за чего пользователям придется прокручивать ее по горизонтали. Адаптируйте контент для области просмотра, чтобы сделать свой сайт удобнее.
Ширина страницы составляет 616 CSS-пикс., а области просмотра – всего 411 CSS-пикс. Эти элементы находятся вне области просмотра:
Элемент <div id="s5_button_frame">Цены Наши преи…а Вопрос-ответ</div> находится вне области просмотра.
Элемент <div id="s5_bottom_menu_wrap">Квартирный пер…Сайта Упаковка</div> находится вне области просмотра.
Кто сталкивался ? Помогите исправить, не могу никак избавится от этих ошибок (

*

Дмитрий_76

  • ***
  • 127
  • + 17 -
  • Троллей не кормлю.
Косяки в верстке имеются.
По крайней мере один нашел.
Для блока #s5_button_frame следует убрать правило "left: 50%". Во всяком случае, для телефонов.
Может, и ещё что-то имеется, что выпячивается вправо.

*

dmitry_stas

  • ********
  • 9610
  • + 929 -
там косяков 2 вагона: http://prntscr.com/dd3pd1

ТС, вам нужно весь контент обрамлять в div, который не выходит за рамки экрана при любом разрешении. Если элементы заведомо шире экрана, и не могут быть ужаты до ширины экрана, например таблицы и т.п., то надо добавлять прокрутку этому элементу. как это делать именно в вашем шаблоне - не знаю, не использую s5, почитайте документацию к используемому в нем фреймворку, думаю это все описано должно быть
« Последнее редактирование: 29.11.2016, 13:35:34 от dmitry_stas »
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций

*

p4o1

  • **
  • 16
  • + 0 -
ругается именно на нижнее меню и еще на 1 менюшку
Элемент <div id="s5_button_frame">Цены Наши преи…а Вопрос-ответ</div> находится вне области просмотра.
Элемент <div id="s5_bottom_menu_wrap">Квартирный пер…Сайта Упаковка</div> находится вне области просмотра.
При просмотре с мобильного есть горизонтальная прокрутка но при прокрутке - пустота, может можно именно с этими меню чето сделать ?

*

darkghost

  • *******
  • 2100
  • + 94 -
...
Для блока #s5_button_frame следует убрать правило "left: 50%". Во всяком случае, для телефонов.
попробуйте Эти блоки обвернуть в дополнительный блок и выровнять для мобильных по средине (или же прописать правила существующему). Можно еще попробовать заменить
Код
element.style {
    width: 2х%; --- вот тут надо поиграться
}
.s5_float_left {
    display: вместо left прописать inline-block;
}
Но прописав вместо -left- ... блоки пойдут в разнобой (по высоте) и это уже совсем другая история
« Последнее редактирование: 30.11.2016, 14:25:36 от darkghost »