跨浏览器打印视图答案

【问题标题】：Crossbrowser printview跨浏览器打印视图
【发布时间】：2013-11-14 15:08:21
【问题描述】：

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

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

因此，我尝试打印的任何全角内容似乎都在右侧被截断 - 因浏览器而异，这使得调整页面变得困难，因为我想保持它尽可能大可能。

这似乎很像一个常见问题，但我找不到通用解决方案。

【问题讨论】：

标签： c# javascript html css printing

【解决方案1】：

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

【讨论】：

【解决方案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%。跨浏览器工作。

【讨论】：