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

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

Ответ 1

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

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

Ответ 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, чтобы узнать подробности и допустимые типы носителей.

Ответ 3

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

Ответ 4

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

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

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