В этой статье предлагаяЛучше ли определять css для всех @media в одном файле css?
или иной внешний CSS для различных средств массовой информации было бы лучшим вариантом?
с точки зрения ремонтопригодности, производительности сайта.
Комбинированный таблица стилей Pros:
Комбинированный таблица стилей Минусы:
Оптимальное/быстрое = ложное. Извините, но несколько таблиц стилей не являются оптимальными или быстрыми. –
@rockinthesixstring: я использовал неправильное слово «множественный», я имел в виду несколько листов сиротов, объединенных в один, см. Мой ответ снова plz :) – Sarfraz
Голосов удален. –
В принципе, если вы можете программно добавить CSS файлы на клиенте на основе информации (до тех пор, как вы отправляете только ОДИН файл CSS в конце), то да, создайте несколько файлов CSS на основе @media.
Если вы не можете добавить css программно, то я бы предложил объединить их в один файл css (так как вы должны отправить их всем клиенту независимо), тем самым уменьшив количество HTTP-запросов клиентом.
меньше HTTP-запросов = более быстрая загрузка страниц.
, но тогда основной css будет тяжелым для пользователей с медиа = «экран», которые являются основными пользователями, которых очень мало кто возьмет на себя процент печатных и мобильных пользователей. –
Вы можете использовать медиа-зависимые правила @import так:
@import url("print.css") print;
@import url("projection.css") projection, tv;
он должен работать во всем, кроме IE5-7 (в соответствии с: http://www.westciv.com/wiki/CSS_Guide:_Media#mediaspecific) я не могу проверить на IE8, так что вы могли бы быть разочарован там тоже.
это приведет к очень небольшой начальной загрузке CSS, а затем загрузите только нужные таблицы стилей на основе носителя.
Несколько файлов css всегда будут снижать производительность вашего сайта. Объединение их уменьшает количество запросов HTTP. –
@rockinthesixstring - но см. Ответ ник моего другого вопроса http://stackoverflow.com/questions/2083900/would-it-be-better-to-combine-print-css-with-main-css-or-using- another-css-file-f/2083911 # 2083911 –
Какую технологию вы используете? Прямо вверх HTML, PHP, ASP.NET, Другое? –