Chrome window.print（）缺少页面元素

Question

我目前遇到问题Chrome（47.0.2526.111，OS X）无法在预览中和使用按钮打印时使用onclick = window.print（）事件渲染整个页面。

某些元素未呈现，例如某些段落块，偶尔也会呈现一些图像。

此问题未在其他浏览器中复制，奇怪的是，只有在我添加打印按钮后才会出现，并且在使用Ctrl + P或Chrome打印样式表媒体模拟时，行为无法观察到。

如果我通过Ctrl + P渲染了打印视图，那么这个问题似乎非常有气质。我可以返回并成功使用打印按钮来渲染所有元素。

Answer 1

为print.css使用单独的media="print"文件：

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

在您的媒体查询中：

@media print{
    div.print{
      width: 100%;
    }
}