Лучше определить CSS для всех @media в одном файле CSS? - PullRequest
Новая
       153

Лучше определить CSS для всех @media в одном файле CSS?

0 голосов
/ 27 февраля 2010

Как эта статья предлагает

http://www.456bereastreet.com/archive/201002/css_efficiency_tip_use_a_single_stylesheet_file_for_multiple_media/

или другой внешний CSS для разных медиа будет лучшим вариантом?

с точки зрения ремонтопригодности, производительности сайта.

Ответы [ 3 ]

0 голосов
/ 27 февраля 2010

В принципе, если вы можете программно добавлять CSS-файлы в свой клиент на основе мультимедиа (при условии, что в конце вы отправляете только ОДИН CSS-файл), тогда да, создайте несколько CSS-файлов на основе @ media.

Если вы не можете добавить css программным способом, то я бы предложил объединить их в один файл css (поскольку вы должны отправить их все клиенту независимо), уменьшив таким образом количество http-запросов клиентом.

меньше запросов http = более быстрая загрузка страниц.

0 голосов
/ 11 августа 2010

Вы можете использовать медиа-зависимые правила @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, а затем загрузит только необходимые таблицы стилей на основе мультимедиа.

0 голосов
/ 27 февраля 2010

Комбинированная таблица стилей Плюсы:

  • Оптимальное / Fast
  • Хорошее уменьшение размера после сжатия
  • и да меньше http запросов

Комбинированные таблицы стилей Минусы:

  • Запутано; все разные таблицы стилей в одном месте
  • Трудно поддерживать
  • Менее читаемый
...