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

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

Привет!

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

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

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

#css, #html

Комментарии (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;
}
}
0

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

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки:
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 13470]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 9226]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 8836]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 8177]
[124]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 6819]
[58]
29 мая 2012, 12:08
Узнать версию PHP из командной строки
[просмотров 4940]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 4903]

Вести с Хабра