VDS за 300р от нашего партнера SpaceWeb

mordoc [33]

27 Мар 2013, 12:37

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

css html

Привет!

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

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

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

#css, #html

2297 просмотров

Комментарии (2)

nightkon 27.03.2013 15:25

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

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;
}
}

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

Для отправки комментария вам необходимо авторизоваться.

Войдите, чтобы написать о чем-нибудь...

Вход Регистрация

Web.onRails

Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.

написать о чем-нибудь...

Метки:

php× 491

css× 225

python× 209

html× 188

flash× 163

mysql× 155

linux× 153

perl× 138

google× 109

dart× 102

[ все метки ]

Лучшее

GM2mars [2]

03 Июн 2014, 17:19

Большой сборник интернет сайтов по веб-разработке и не только

[просмотров 26752]

rediska [65]

20 Дек 2011, 15:53

Удалить пробелы в начале и конце строки и переход на новую строку

[просмотров 15656]

tetro [52]

16 Окт 2011, 15:38

Вывести все элементы POST

[просмотров 15596]

gollem [74]

31 мая 2011, 11:48

Python проверка существования переменной

[просмотров 10826]

fullzilla [100]

19 Дек 2014, 16:16

User-agent для Internet Explorer 11

[просмотров 10728]

jaga [125]

24 Окт 2018, 15:59

React Native и React.js — что и как, в чем разница, где применять

[просмотров 10226]

laborant [4]

10 Окт 2018, 15:33

Как запретить просмотр сайта по IP?

[просмотров 9397]

jaga [125]

21 Июл 2011, 14:04

Python Imaging Library (PIL)

[просмотров 7941]

grom [315]

11 Авг 2011, 00:21

Спецификация HTML5 от W3C

[просмотров 7382]

grom [315]

16 Июл 2011, 20:03

Python работа с MySQL

[просмотров 5526]

Вести с Хабра

21.01.2021 - 11:16

Как я собрал «умный» органайзер для электронных компонентов

Привет. Я Александр Бурага, разработчик из команды роботов и беспилотных автомобилей Яндекса. Но сегодня речь пойдёт не о них, а о моём личном проекте, над которым тружусь дома. ...

20.01.2021 - 22:46

О театре или почему всем плевать