@media screen and (max-width: ***px)

[stDragon]

Наверно глупый вопрос, но я не совсем понимаю при прогрессивной верстке

/*==общий код для самых маленьких дисплеев==*/

@media screen and (max-width: 480px){

телефоны

}

@media screen and (max-width: 768px){

планшеты

}

@media screen and (max-width: 992px){

мониторы

}

у нас сверху вниз наследование происходит? то есть 768 будет в себя включать 480 или же там надо будет все это про дублировать еще раз.

Интересуюсь с целью сокращения кода. если наследуется то супер.

[talgautb]

да, должны дублироваться, Вы ведь указали только max ширину

сорри, не понял сути

Edited January 21, 2013 by talgautb

[mrnobody]

Стили не будут наследоваться, так как не выполняется часть условия, а именно (max-width: 480px). То есть, если ширина будет 481px, то она уже не входит в этот диапазон (от нуля до 480).

Edited January 15, 2013 by mrnobody

[stDragon]

спасибо, пока у меня не было доступа на сервер, понял чтобы получить наследование надо изменить максимум на минимум и перевернуть в голове модель)

[Justnewone]

Не правильно. Модель Вами описанная правильна, просто надо переопределять каждый раз значения внутри каждого из блоков.

[stDragon]

Не правильно. Модель Вами описанная правильна, просто надо переопределять каждый раз значения внутри каждого из блоков.

ну так если переопределять это будут излишнее переопределение и дополнительный трафик. мне кажется это хоть и более стабильно, но не совсем правильно, я как-то стараюсь придерживаться концепции ООП

[Justnewone]

траффик, ооп... 0_о

[Yazon_Nile]

Причем тут трафик? Ты медиазапросы отдельным файлом подключаешь разве?