Применение печати CSS по умолчанию

Question

У меня есть определенная страница, которую я хочу, чтобы пользователь мог печатать с использованием собственной страницы печати браузера (window.print()), и я хочу показать пользователю предварительный просмотр страница

у меня есть файл CSS под названием print.css который выглядит следующим образом:

@media print 
{ ... } 

уроженец печать выглядит хорошо, но я не могу понять, как предварительный просмотр печати, что означает применение CSS в пределах "@media print" по запросу

Answer 1

Вы можете использовать jQuery для вставки css на страницу на демонах d с тегом печати для печати.

Вместо того, чтобы делать медиа печати вы можете сделать это в самом HTML-тега, так что вы можете использовать файл CSS для нескольких целей

Jquery:

$('head').append('<link rel="stylesheet" href="print.css" type="text/css" />'); 

Добавление медиа-тег в HTML:

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