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

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

Привет!

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

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

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

#css, #html

2362 просмотров
0
Loading...
Комментарии (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
Найди ответ на любой вопрос по Веб-разработке!
задать вопрос...
Вы можете разместить Рекламный пост самостоятельно, либо отправив контент по адресу admin@webonrails.ru→ Оплата здесь ←Неоплаченные посты удаляются.
Метки:
[ все метки ]
Лучшее
[2]
03 Июн 2014, 17:19
Большой сборник интернет сайтов по веб-разработке и не только
[просмотров 27201]
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 18376]
[65]
20 Дек 2011, 15:53
Удалить пробелы в начале и конце строки и переход на новую строку
[просмотров 18253]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 11973]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 11969]
[125]
24 Окт 2018, 15:59
React Native и React.js — что и как, в чем разница, где применять
[просмотров 11292]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 9661]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 9016]
[315]
11 Авг 2011, 00:21
Спецификация HTML5 от W3C
[просмотров 7400]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 5840]

Вести с Хабра

Юзер
Вход
Регистрация
Посты
Вопросы
Новости
Статьи
Ссылки
Инфо
О сайте
Правила
Справка
Поддержка
Услуги
Реклама
Web.onRails © 2011-2021