Сокращение HTTP-запроса при использовании медиазапросов CSS3

Question

Я пытаюсь использовать рассмотренные здесь методы медиазапроса CSS3 ...

http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries

Если я беру код снизу и запускаю его на новой странице, используя своего рода эмулятор, который идентифицирует себя как устройство с небольшим экраном (например, Device Central или Protofluid), я вижу в Чарльзе, что запрос все еще сделан для каждого файла CSS, даже если выбрана правильная таблица стилей, это нормальное поведение?

<link rel="stylesheet" href="smartphone.css" media="only screen and (min-device-width : 320px) and (max-device-width : 480px)">
<link rel="stylesheet" href="smartphone-landscape.css" media="only screen and (min-width : 321px)">
<link rel="stylesheet" href="smartphone-portrait.css" media="only screen and (max-width : 320px)">
<link rel="stylesheet" href="ipad.css" media="only screen and (min-device-width : 768px) and (max-device-width : 1024px)">
<link rel="stylesheet" href="ipad-landscape.css" media="only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)">
<link rel="stylesheet" href="ipad-portrait.css" media="only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)">
<link rel="stylesheet" href="widescreen.css" media="only screen and (min-width : 1824px)">
<link rel="stylesheet" href="iphone4.css" media="only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)">

Answer 1

Да, любые таблицы стилей в элементе ссылки будут загружены и медиа-запросы будут оцениваться динамически.Например, ваши таблицы стилей ipad-landscape.css и ipad-portrait.css должны будут применяться, когда кто-то поворачивает свое устройство, вы не хотите ждать, пока они сделают это, чтобы начать загрузку таблицы стилей и любых ссылочных элементов, она должна быть готова сразу же,Единственным исключением являются (или могут быть) альтернативные таблицы стилей.

Модель обработки для этого обсуждается в спецификации HTML5 :

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