交叉浏览器打印视图

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%。跨浏览器工作。