Когда я организовываю свой CSS, мне нравится вообще сохранять связанные стили (стили заголовка находятся в одном разделе, стили нижнего колонтитула находятся в одном месте и т. Д.) (Извините, сторонники OOCSS).
IНедавно мы экспериментировали с медиа-запросами для маленьких / больших экранов.Чтобы придерживаться моей организационной схемы, мне нужно было бы включать отдельные запросы для каждого размера экрана, на который я нацеливаюсь, в каждый раздел кода.(Так, например, если бы я поддерживал, например, семь разных размеров экрана, у меня было бы семь разных медиа-запросов с моим «заголовочным» CSS, а затем семь запросов в разделе «нижний колонтитул» и т. Д.)
Если оставить в стороне вопрос о том, должен ли я делать это , то есть ли какие-либо технические последствия для такого количества блоков медиазапросов?(Все они либо min-width, max-width, либо оба. Допустим, у меня было 100 различных запросов, но есть только семь различных размеров, которые я проверяю снова и снова.) Разве браузеру потребуется больше времени для анализа?