Как я могу иметь разные CSS при печати или предварительный просмотр?

Question

Я бы хотел изменить некоторые вещи на своей веб-странице. Также я хотел бы скрыть некоторые вещи. Есть ли способ сделать это с помощью CSS при печати? В частности, я хочу иметь возможность скрывать некоторые DIV и все, что они содержат.

Answer 1

Этого можно достичь с помощью отдельной таблицы стилей печати.Атрибут media является ключом:

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

Answer 2

Да, вам нужно использовать атрибут media, когда вы включаете свой CSS. Э.Г.

<link rel="stylesheet" href="my_print_style.css" media="print">

Или вы можете использовать правило мультимедиа в своих таблицах стилей, если, например, у вас недостаточно изменений, чтобы гарантировать создание новой таблицы стилей. Как то так,

@media print {
    // print specific styles.
}

См. http://www.w3.org/TR/CSS2/media.html#at-media-rule, для получения подробной информации и допустимых типов носителей.

Answer 3

Ответ - это правило CSS @media: http://www.w3.org/TR/CSS2/media.html#at-media-rule

Answer 4

Я использовал

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

Для достижения этой цели.Назначьте #ids или .classes для элементов, которые вы не хотите отображать.И используйте display: none для этих элементов в таблице стилей print.css.