Запросы печатных СМИ игнорируются в Chrome?
Я создаю некоторые стили печати, используя следующие:
@media print {
/* Styles */
}
Поскольку мы используем SASS, все стили скомпилированы в одну таблицу стилей,styles.css
во время выполнения, которое объявлено в<head>
документа следующим образом:
<link rel='stylesheet' href='/assets/css/styles.css'>
Теперь, когда я печатаю из Chrome (Ctrl + P), он полностью игнорирует мои стили печати, но Firefox (30.0) - это нормально. IE (11) ужасен, но это потому, что у нас много панелей показа / скрытия, которые, похоже, не нравятся IE /
Не могу на всю жизнь понять, что происходит. Если я эмулирую печатные носители в Chrome, то они прекрасно загружают стили, но когда я действительно пытаюсь печатать, это не работает. Я перепробовал множество вещей, добавив,media=
атрибуты, двойные кавычки, изменение порядкаhref
и т.д. все безрезультатно !!
Обратите внимание, мы не используемtype
больше, как я думал, тебе больше не нужно это использовать. Я попытался добавить это в любом случае, но это все еще не работает!
Я даже попробовал это:http://lawrencenaman.com/optimisation/print-media-queries-not-working/ но это все еще не работает. Это сводит меня с ума, есть идеи?
ОБНОВЛЕНИЕ: Так что я заметил, что когда я ударилCtrl + P
чтобы распечатать страницу, предварительный просмотр, который я вижу, использует некоторые стили из таблицы стилей печати, но, кажется, отображает все, используя запрос мобильного медиа? Я думаю, что может быть некоторый конфликт с точкой останова, будет обновляться, когда я получу шанс.
ОБНОВЛЕНИЕ 2: я вижу, что таблица стилей печати загружается внизу, так что теоретически это должно перезаписать все другие медиа запросы (по крайней мере те, которые я пытаюсь перезаписать)?