在遺囑上應用打印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">