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

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

Привет!

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

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

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

#css, #html

2190 просмотров
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
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки:
[ все метки ]
Лучшее
[2]
03 Июн 2014, 17:19
Большой сборник интернет сайтов по веб-разработке и не только
[просмотров 26128]
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 13470]
[65]
20 Дек 2011, 15:53
Удалить пробелы в начале и конце строки и переход на новую строку
[просмотров 11828]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 9226]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 8836]
[124]
24 Окт 2018, 15:59
React Native и React.js — что и как, в чем разница, где применять
[просмотров 8727]
[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]

Вести с Хабра

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