跨浏览器打印视图

Question

我正在用HTML创建动态创建内容的打印视图（PDF不是一个选项）。这个内容涵盖整个页面，应该尽可能大（因此也不能选择它的大小）。

现在的问题是，每个浏览器都会切断右侧的部分页面，其中截断区域的大小似乎取决于浏览器和窗口的大小。

所以看起来我试图打印的任何全宽度内容都在右侧被切断 - 不同浏览器，这使得很难调整页面以适应，因为我想保持它像可能的。

这似乎非常像一个常见问题，但我找不到一个共同的解决方案。

Answer 1

我认为您可以使用打印样式表解决问题。 这是一篇关于如何使用它的文章：http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

Answer 2

好的这就是我做的。我不确定它是否会对你有所帮助，只是一个建议。

 @media print
{
    #wrapper{width:650px !important;}
    #form1{width:650px !important;}
    #main{width:650px !important;}
}
@media only screen {
    #wrapper{Whatever styling you have}
    #form1{Whatever styling you have}
    #main{Whatever styling you have}
}

重点：仅媒体屏幕我设置的宽度大多为100％。跨浏览器工作。