VDS за 300р от нашего партнера SpaceWeb
[33]
27 Мар 2013, 12:37

Стиль для разного разрешения экрана

Привет!

Нужно задавать разные CSS стили для страницы сайта, если она отображается на разных разрешениях экрана пользователя.

Например если максимальное рабочие пространство экрана браузера 1000px, то показывать страницу с одним стилем для body, а если размер страницы больше 1200px, то другой стиль для body.

Возможно такое сделать без использования JavaScript?

Комментарии (2)
nightkon 27.03.2013 15:25

Используйте медиа-запросы (@media queries).
Вот статьи на эту тему:
http://habrahabr.ru/post/119127/
http://htmlbook.ru/css/value/media
+1
mordoc 27.03.2013 17:00

Да, спасибо разобрался делаю как-то так:

@media (min-width: 900px) {
body {
background: #F5F5F5;
}

.main {
font-size: 12px;
}
}

@media (min-width: 1000px) {
body {
background: #EEEEEE;
}

.main {
font-size: 13px;
}
}

@media (min-width: 1100px) {
body {
background: #E5E5E5;
}

.main {
font-size: 14px;
}
}
+3

Добавить комментарий

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Найди ответ на любой вопрос по Веб-разработке!
задать вопрос...
Вы можете разместить Рекламный пост самостоятельно, либо отправив контент по адресу admin@webonrails.ru→ Оплата здесь ←Неоплаченные посты удаляются.
Метки:
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 21782]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 15952]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 12954]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 9984]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 9867]
[315]
11 Авг 2011, 00:21
Спецификация HTML5 от W3C
[просмотров 7413]
[50]
31 Дек 2011, 14:57
Cron запускать раз в неделю
[просмотров 6564]

Вести с Хабра