17 октября 2014 в 9:35
Гуглил, но не нашёл.
В общем, нужен простой модуль или скрипт для отображения/скрытия блоков в зависимости от устройства или разрешения экрана.
Делать полноценную мобильную версию сайта не рискую. Решил, что будет достаточно убрать на сайте некоторые блоки для устройств типа смартфона и планшета, а для ноутбуков и обычных компов показывать всё в прежнем виде.
Кто что посоветует?
Комментарии
Возьмите из bootstrap определения media-query для блоков .hidden-sm, .hidden-xs и т.д.
http://getbootstrap.com/css/#responsive-utilities
добавьте определения в свой css и к блокам селекторы.
Правда если у вас верстка кривая, то не поможет.
Если просто убрать блок в столбце, то должно сработать 100% (правило добавит display:none)
Если нужно, чтобы блок схлопнулся (допустим, убрался sidebar), то примерно так надо сделать:
<div class="col-md-9 col-sm-8 col-xs-12" id="content">
sidebar = 25%,33%,не видно
content = 75%,66%,100%
Спасибо за наводку.
Хотя лучше будет, если блоки вообще не будут загружаться в случае со смартфонами и планшетами, а не скрываться как display: none.
Видел такой модуль для панелей. Но вопрос этот спорный. мне кажется MVC тогда нарушится все же.
Я вот например люблю Ctrl + колесико на всех сайтах тыкать.
в гугл хроме у меня 125% дефолт масштаб, дома 150% на телике. иногда встречаются такие сайты, на которых и 200% приходится делать. планшет опять же можно повернуть и разрешение изменится.
Этот кстати сайт тоже на 150% смотрю.
так у вас все само поменяется, на стороне клиента, а если на сервере будете решать за каждого клиента - то облом.
Хорошо бы именно не загружать. Всяко должен быть модуль. Иначе будет создаваться лишняя нагрузка. А на смартфонах инет в основном слабый.
http://adaptivethemes.com/hide-or-show-drupal-blocks-in-mobile
sergeybelya - спасибо за ссылку. Только я не понял - этот модуль позволяет скрывать блоки как под "display: none" или реально блочить их загрузку?