Форум Сайтостроение Веб-строительство

CSS. Зависимость от ширины экрана

SeVlad
На сайте с 03.11.2008
Offline
1609
SeVlad
1424

Обнаружил интересное поведение на этой теме для Вордпресса.

Если уменьшить ширину экрана (окно браузера) до определённых размеров - исчезает левый сайдбрар, появляется шапка, меняется размер шрифта, и тд..

Как это реализовывается? На какие свойства (CSS?) или вообще куда смотреть?

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
DiAksID
На сайте с 02.08.2008
Offline
236
DiAksID
#1

это "адаптивный дизайн" - Media Queries отрабатывают свой дело в CSS, гуглите.

а вообще, ничего сложного: связка Modernizr + Responds (если браузер сам не поддерживает media queries) + блоки в CSS типа


... основной текст: вариант стилей для айфона ...
@media only screen and (min-width: 768px){ вариант стилей для портрета айпада }
@media only screen and (min-width: 992px){ вариант стилей для альбома айпада }
@media only screen and (min-width: 1332px){ вариант стилей для больших мониторов }

и будет аааафигенно адаптивный дизайн. чОткая вещь, а Modernizr сам по себе незаменимая штука для кроссбраузерности...

show must go on !!!...
Запущена бета-версия новой главной Оптимизация сайта под мобильные Партнерам РСЯ стал доступен

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий