Как браузер выбирает тип медиа для фильтрации CSS-ссылок? - PullRequest
0 голосов
/ 11 сентября 2010

На странице моего сайта есть ссылка на таблицу стилей для media = "print".

<link rel="stylesheet" href=".../print.css" type="text/css" media="print" /> 

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

Как работает IE(и как другие браузеры) распознают, что это за дисплей?Есть ли HTML-заголовок (или его отсутствие), которым они руководствуются?Может ли это быть правильно с Javascript?

1 Ответ

0 голосов
/ 14 января 2012

Вместо этого используйте @import at-rule , чтобы включить файл только для печати и обойти IE7:

<style type="text/css" media="print">
@import "print.css";
</style>

Если это не сработает, попробуйте другие варианты на тестовой странице носителя

...