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

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

Привет!

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

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

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

#css, #html

2605 просмотров
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→ Оплата здесь ←Неоплаченные посты удаляются.
Метки:
[ все метки ]
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 30145]
[2]
03 Июн 2014, 17:19
Большой сборник интернет сайтов по веб-разработке и не только
[просмотров 29075]
[65]
20 Дек 2011, 15:53
Удалить пробелы в начале и конце строки и переход на новую строку
[просмотров 24622]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 23711]
[125]
24 Окт 2018, 15:59
React Native и React.js — что и как, в чем разница, где применять
[просмотров 15510]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 13848]
[1]
15 Апр 2021, 08:29
Переполнение памяти Nuxt.js
[просмотров 12043]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 10989]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 10404]
[50]
31 Дек 2011, 14:57
Cron запускать раз в неделю
[просмотров 7940]

Вести с Хабра

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