[X] Помощник

[Kuchuluk Topic Starter]

закончил переделку верстки своего сайта на bootstrap, но столкнулся с проблемой, что на мобильных устройствах текст становится мелким и тяжело читаемым. Я думал адаптировать текст с помощью медиа-запросов, то есть в зависимости от того, насколько уменьшается экран, увеличивать текст на сайте. Но в кабинете вебмастера гугл прочитал рекомендацию о том, что можно настраивать области просмотра с помощью мета тега 

<meta name="viewport" content="width=device-width, initial-scale=1.0">

У кого есть опыт в оптимизации и адаптации, подскажите, какой путь лучше исходя из вашего опыта?

[ixman]

Kuchuluk, по личному опыту лучше использовать медиа запросы. Но если есть возможно для разных версий выводить отдельно мета тег viewport то можно попробовать его, хотя я не знал что он может увеличивать размер шрифта. Но вроде бы он совсем для других нужд

[ShowPrint]

Я тоже сторонник использования медиа запросов, они помимо изменения размера шрифта позволяют и вообще убирать не значимые элементы, и совершать определенные изменения в верстке элементов, что позволяет делать страничку более удобной для мобильного пользователя... Для СДЛ это улучшение ПФ...  :unsure:

П.С. Кроме того медиа запросы позволяют избирательно относиться к изменению шрифтов отдельных объектов, что также создает определенное удобство...


Сообщение отредактировал ShowPrint - 27.10.2015, 21:32

[Info-Mans]

А что за медиа запросы?)

[ShowPrint]

Настройка css для различных объектов в зависимости от размеров экрана, например:

@media screen and (max-width:650px){ /*...css...*/ }

Что означает перечисление css-свойств объектов для экрана с размером не превышающим 650px 

[Kuchuluk Topic Starter]

по личному опыту лучше использовать медиа запросы

Я тоже сторонник использования медиа запросов

А еще вопрос. После того как увеличили шрифт с помощью медиа запросов, в кабинете вебмастера гугл у вас пропало сообщение что сайт не оптимизирован? А то там еще сообщение висит, что не настроена область просмотра какая-то. Или область просмотра вообще не обязательно настраивать?

[ShowPrint]

у вас пропало сообщение что сайт не оптимизирован?

У меня пропало. Вернее осталось, но только у тех страниц до которых еще руки не дошли (переверстываю по очереди), а на которых адаптивность сделал - исчезли из списка...
"Область просмотра" как раз и есть viewport (если ничего не путаю)...

Развернуть/Свернуть

У себя, по рекомендациям Гуг, назначал для body размер шрифта 16px, для элементов страницы устанавливал размер шрифта в относительных единицах (em), причем футерные контакты заявлены как 0.5em и Гуг на это не ругается (а если указать 8px - будет кричать "мелкий шрифт")

[ixman]

Kuchuluk, дело в том, что есть на сайтах такие ошибки, но при проверке текущей страницы валидатор говорит что всё исправлено.

[Info-Mans]

Век живи век учись) раньше не сталкивался с этими css свойствами) надо будет у себя опробовать)

[Kuchuluk Topic Starter]

Ixman, ShowPrint,  хорошо, спасибо вам, что развеяли сомнения и наставили на путь истинный  :)  буду как и планировал реализовывать с помощью медиа запросов. Технология для меня плохо знакомая, буду как всегда пробовать, ошибаться и снова пробовать))) как всегда месяц уйдет у меня на это))))))) спасибо за ваши советы!