Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Разный бэкграунд на разные экраны

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


     29.06.2013    background, css, разрешение    Все вопросы » Общие вопросы    2686

вопрос
Цель: сделать так чтоб на экранах пропорцией 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
Юзер

TheImDim - 30 июня 2013 01:55 -

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


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


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

oazet
Юзер

oazet - 30 июня 2013 11:03 -

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

TheImDim
Юзер

TheImDim - 30 июня 2013 16:09 -

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

oazet
Юзер

oazet - 30 июня 2013 16:40 -

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

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

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

наверх