0

当用户单击打印按钮时，我有这个 JS 功能。

<script>
function printDiv()
{
  var printer = window.open('','','width=300,height=300');
    printer.document.open("text/html");
    printer.document.write(document.getElementById('news_contents').innerHTML);

    printer.print();

}
</script>

我将 CSS 包括在内

@media print {

  #news_content { 
     color: #666;
        font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
  }
}

但是，当用户打印时，CSS 不适用。我检查了 HTML 标头，确实有 CSS 脚本。为什么它不起作用？当用户从 Mac 打印时，内容区域中的图像会缩小并变小。无论如何，我可以拥有与网站完全相同的内容吗？

提前致谢。

4

2 回答 2

5

我有同样的问题，我所做的是：

<style>
   @media print
   { 
     /..../
   }
</style>

在里面DIV- 我相信它是news_contents在你的情况下。
希望有帮助。

于 2013-03-02T20:23:36.850 回答
2

我相信您遇到了问题，因为您的@media声明位于父窗口中；并且您正在打开一个新窗口并将内容附加到它以进行打印。

@media因此，新窗口中的新文档对您的CSS 声明一无所知。

于 2012-10-03T20:22:00.490 回答