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

mordoc [33]

27 Мар 2013, 12:37

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

css html

Привет!

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

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

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

#css, #html

2728 просмотров

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

Найди ответ на любой вопрос по Веб-разработке!

задать вопрос...

Вы можете разместить Рекламный пост самостоятельно, либо отправив контент по адресу admin@webonrails.ru→ Оплата здесь ←Неоплаченные посты удаляются.

Метки:

php× 491

css× 225

python× 209

html× 188

flash× 163

mysql× 155

linux× 153

perl× 138

google× 109

dart× 102

[ все метки ]

Лучшее

kiker [1]

15 Апр 2021, 08:29

Переполнение памяти Nuxt.js

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

fullzilla [100]

19 Дек 2014, 16:16

User-agent для Internet Explorer 11

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

tetro [52]

16 Окт 2011, 15:38

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

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

GM2mars [2]

03 Июн 2014, 17:19

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

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

rediska [65]

20 Дек 2011, 15:53

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

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

jaga [125]

24 Окт 2018, 15:59

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

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

gollem [74]

31 мая 2011, 11:48

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

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

jaga [125]

21 Июл 2011, 14:04

Python Imaging Library (PIL)

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

laborant [4]

10 Окт 2018, 15:33

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

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

provod [50]

31 Дек 2011, 14:57

Cron запускать раз в неделю

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

Вести с Хабра

04.02.2023 - 17:54

Что есть ЮАР прямо сейчас

Если долго, долго, долго,Если долго по тропинке,Если долго по дорожкеТопать, ехать и бежать,То пожалуй, то конечно,То наверно, верно, верно,То возможно можно, можн ...

04.02.2023 - 11:00

Заблуждения программистов о тексте

Возжелавший прильнуть к жанру вестернов обратится либо к десятой строчке топ-250 лучших ф ...

03.02.2023 - 21:11

Жуткий сценарий использования ChatGPT

...

03.02.2023 - 16:00

[Перевод] Распределенный SQL: альтернатива шардированию баз данных

Шардирование баз данных – это процесс разделения данных на меньшие части, назыв ...

03.02.2023 - 13:51

Математическая продлёнка. Квадратные уравнения во всей красе

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