在 will 上应用 print CSS

Posted 2023-03-06

【中文标题】在 will 上应用 print CSS

【英文标题】：Applying print CSS on will

【发布时间】：2015-07-30 21:50:16

【问题描述】：

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

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

@media print
 ... 

原生打印看起来不错，但我不知道如何显示打印预览，这意味着在“@media print”中按需应用 css

【参考方案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">