Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Разный бэкграунд на разные экраны

Разный бэкграунд на разные экраны


     29.06.2013    Общие вопросы    1432

вопрос
Цель: сделать так чтоб на экранах пропорцией 3 на 4 показывался один бэкграунд, а на всех остальных другой.
Уже знаю, что кавыряться надо в стилях с помощью @media.
Если кто знает как именно мне действовать помогите - буду благодарен.

Ответил: Nagibaka



.class { background: red; }  /* default background */
@media screen and (device-aspect-ratio: 16/9) { .class { background: green; } }
@media screen and (device-aspect-ratio: 4/3) { .class { background: blue; } }



Подробнее курим в спецификации - http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio

Комментарии пользователей (4)

TheImDim
18

327 | 291

TheImDim - 30 июня 2013 01:55 - Юзер

Все очень просто.


window.onload = $(function() {
  if( screen.width/screen.height == 4/3 ) {
      $("body").addClass("myclass");
  }
});


в таблице стилях присвойте классу .myclass нужный background

oazet
2

69 | 19

oazet - 30 июня 2013 11:03 - Юзер

js хороший вариант.
А можно с помощью:
@media only screen and (min-width: тут нужный размер px)
{background:бла бла бла;}

TheImDim
18

327 | 291

TheImDim - 30 июня 2013 16:09 - Юзер

Там вроде про пропорции речь, а не про конкретную ширину, хотя может я не так понял вопроса.

oazet
2

69 | 19

oazet - 30 июня 2013 16:40 - Юзер

TheImDim,
неее, всё правильно, про пропорции.
Просто я уж сразу написал про фиксированные размеры, может понадобится кому.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы