在遗嘱上应用打印CSS

Question

我有一个特定的页面，我希望用户能够使用本机浏览器打印页面（window.print（））进行打印，并且希望向用户显示页面的预览

我有一个名为print.css的css文件，看起来像这样：

@media print
{ ... }

本机打印看起来不错，但我不知道如何显示打印预览，这意味着可以根据需要在“ @media print”中应用css

Answer 1

您可以使用jQuery将CSS随需插入页面，而无需媒体打印标签。

您可以在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">