Скрытие/отображение блоков в зависимости от устройства

Главные вкладки

Аватар пользователя xox xox 17 октября 2014 в 9:35

Гуглил, но не нашёл.

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

Делать полноценную мобильную версию сайта не рискую. Решил, что будет достаточно убрать на сайте некоторые блоки для устройств типа смартфона и планшета, а для ноутбуков и обычных компов показывать всё в прежнем виде.

Кто что посоветует?

Комментарии

Аватар пользователя andribas@drupal.org andribas@drupal.org 17 октября 2014 в 9:52

Возьмите из bootstrap определения media-query для блоков .hidden-sm, .hidden-xs и т.д.
http://getbootstrap.com/css/#responsive-utilities

добавьте определения в свой css и к блокам селекторы.
Правда если у вас верстка кривая, то не поможет.
Если просто убрать блок в столбце, то должно сработать 100% (правило добавит display:none)
Если нужно, чтобы блок схлопнулся (допустим, убрался sidebar), то примерно так надо сделать:

<div class="col-md-3 col-sm-4 hidden-xs" id="sidebar">
<div class="col-md-9 col-sm-8 col-xs-12" id="content">

sidebar = 25%,33%,не видно
content = 75%,66%,100%

Аватар пользователя xox xox 17 октября 2014 в 10:51

Спасибо за наводку.

Хотя лучше будет, если блоки вообще не будут загружаться в случае со смартфонами и планшетами, а не скрываться как display: none.

Аватар пользователя andribas@drupal.org andribas@drupal.org 17 октября 2014 в 11:00

"xox" wrote:
Хотя лучше будет, если блоки вообще не будут загружаться в случае со смартфонами и планшетами, а не скрываться как display: none.

Видел такой модуль для панелей. Но вопрос этот спорный. мне кажется MVC тогда нарушится все же.
Я вот например люблю Ctrl + колесико на всех сайтах тыкать.
в гугл хроме у меня 125% дефолт масштаб, дома 150% на телике. иногда встречаются такие сайты, на которых и 200% приходится делать. планшет опять же можно повернуть и разрешение изменится.
Этот кстати сайт тоже на 150% смотрю.
так у вас все само поменяется, на стороне клиента, а если на сервере будете решать за каждого клиента - то облом.

Аватар пользователя xox xox 17 октября 2014 в 12:59

Хорошо бы именно не загружать. Всяко должен быть модуль. Иначе будет создаваться лишняя нагрузка. А на смартфонах инет в основном слабый.

Аватар пользователя xox xox 18 октября 2014 в 6:14

sergeybelya - спасибо за ссылку. Только я не понял - этот модуль позволяет скрывать блоки как под "display: none" или реально блочить их загрузку?