Задать вопрос
weranda
@weranda

Как можно сократить количество правил стилей при использовании media queries?

Приветствую

В таблице стилей повторяются правила при различных ширинах.

Пример:

@media screen and (max-width: 1200px) {body{color: red}}
@media screen and (max-width: 1100px) {body{color: blue}}
@media screen and (max-width: 1000px) {body{color: red}}
@media screen and (max-width: 900px) {body{color: blue}}
@media screen and (max-width: 800px) {body{color: red}}
и так далее.


Разумеется, повторяется не одно правило, а много правил. Файл раздувается. Существуют ли какие-нибудь техники, приемы для уменьшения количества дубликатов в таких случаях?
  • Вопрос задан
  • 219 просмотров
Подписаться 2 Оценить Комментировать
Ответ пользователя iBird Rose К ответам на вопрос (4)
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
выноси повторяющиеся в отдельные промежутки.
@media (max-width: 1200px) and (min-width: 900px) {

}

p.s. то что ты показал в примере - именно чередование - такое бывает очень редко. и там никак не сократить. а вот одинаковые стили на длинном промежутке - часто. поэтому выноси такие стили в промежутки.
Ответ написан
Комментировать