Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

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

#1 pozitron123

pozitron123
  • Пользователь
  • 159 сообщений
  • Репутация: 9
0

Отправлено 15 Октябрь 2016 - 13:57

Здравствуйте. Прошу помощи совета по адаптации для мобильных устройств.

 

В яндексе и гугле проверил сайт на оптимизацию под мобильные устройства оба поисковика выдают ошибки: 

- Слишком мелкий шрифт
- Ссылки слишком близко друг к другу
- Не задана область просмотра для мобильных устройств
- Контент шире экрана

 

Попробывал вставить тег: <meta name="viewport" content="width=device-width, initial-scale=1.0"/> С текстом и областью просмотра помогло, но ширина осталось такой же и мягко говоря на мобильнике без тега viewport который требует яндекс раньше смотрелось лучше разве что текст нужно было приближать. Зато яндекс теперь выдает что нужно только ширину поправить.

 

Как сделать сайт адаптивным по ширине? Куда лезть чтобы ширину поправить? 


 

Прописал вместо<meta name="viewport" content="width=device-width, initial-scale=1.0"/> вот это: <meta name="viewport" content="max-width=device-width"/> на мобильнике все видет в норме и выглядит а в "проверке мобильных страниц от яндекса" почему то раз на десятый видит нормально а в основном выдает ошибку что есть горизонтальная прокрутка чо за хрень не пойму? Там в яндексе с права в ихнем примере как выглядит на мобильнике меню не влазит а в реальности на мобильном телефоне все нормально?

 

А гугол видет только <meta name="viewport" content="width=device-width, initial-scale=1.0"/> а <meta name="viewport" content="max-width=device-width"/>  не видет мол этот тег не указан хотя в ихнем примере с права на картинке мобильника все выглядит четко?

 

Сообщение отредактировал pozitron123: 15 Октябрь 2016 - 13:59

  • 0

#2 Тарасов Роман

Тарасов Роман
  • Пользователь
  • 524 сообщений
  • Репутация: 83

Отправлено 16 Октябрь 2016 - 13:22

@pozitron123, одним тегом viewport не обойдешься. Посмотрел сайт с разной шириной экрана, полоса прокрутки пропадает только при width=1000. 

 

Поищите советы, как сделать шаблон адаптивным. Хотя это довольно сложно, не всегда сходу получается. Многое зависит от особенностей шаблона. 


  • 0


Оформление форума – IPBSkins.ru