28 мая 2013 в 22:46
Добрый день.
Сегодня потестировал тему Omega как хорошее решение для темизации и создание респонсивных сайтов.
Только вот осталась одна непонятная вещь.
А именно, поделитесь опытом, каким образом можно с наименьшей головной болью сделать, чтобы содержимое определенного блока в зависимости от ширины экрана отображалось так или иначе.
Например, если ширина экрана больше, чем столько-то, то меню отображать как меню (последовательность ссылок).
А вот если ширина экрана меньше, чем столько-то, то меню чтобы отображалось, например, как combobox.
Комментарии
В принципе, как это делать средствами верстки, разобрался.
А вот как, к примеру, задать, чтобы тот же views для одной ширины экрана выдавал результат в одном формате, а для другой - в другом ?
Или, в этом случае, определить два типа вывода и выводить их в два разных блока, только один блок показывать, а другой - скрывать, в зависимости от ширины экрана ?
http://htmlbook.ru/css/value/media
не подскажешь как ты это сделал? Мне нужно чтобы один блок не показывался на маленьких экранах телефонов
СПБ
А вот здесь есть примеры
http://htmlbook.ru/css/value/media
Логика такая - блок будет на сайте в любом случае, но условие его отображения поставить как "ширина экрана меньше, чем столько-то".
Всё это настраивается в CSS.
Скажем так, я разобрался теоретически, непосредственно это не тестировал, но должно работать.