c# - 跨浏览器打印视图

Question

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

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

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

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

Answer 1

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

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

Answer 2

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