У меня есть это правило, которое гласит: «Используйте это правило CSS ТОЛЬКО ДЛЯ ПЕЧАТИ.
@media print {
.yui-dt-bd {
width: 920px !important;
height: 100% !important;
page-break-before: avoid !important;
overflow: visible !important;
position: static !important;
}
}
Ссылка на CSS-файл со спецификацией медиа показывает тот же результат, кстати:
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
Однако что я вижу, когда отлаживаю свою страницу с помощью инструмента разработки IE8 (F12)? Он применяет эти правила к странице (media = screen)!
Я выглядел долгои трудно, но ничего не нашел в сети, только "IE игнорирует то или другое", , что противоположно моей проблеме .
Окно инструмента разработчика IEговорит: «Режим браузера: IE7, Режим документа: стандарты IE7». Я нигде не использую ни одного оператора @import (это было проблемой в некоторых других вопросах IE CSS, которые я нашел, поэтому я упоминаю об этом). Все 5 правил (выше)применяются (на экране мультимедиа).
РЕДАКТИРОВАТЬ: обновленный и дополнительный вопрос объединены в этот.
РЕДАКТИРОВАТЬ: Это не медиа-запрос CSS3 ,который, конечно, не поддерживается IE8 и ниже. Это медиа-зависимый CSS. Я не нашел ничего убедительного, но он видитмс, что это должно работать, пока я не использую функции медиазапросов CSS3, которые, кажется, не включают этот пример.