CSS打印方向-预览时为横向，打印时为纵向

CSS Printing Orientation - Landscape in preview, but portrait in print out

本文关键字：打印横向方向 CSS 更新时间：2023-10-21

我在页面中插入<style type="text/css"> @page {size: landscape;}</style>以横向打印（此页面仅用于打印）。

它在Chrome的打印预览中显示为我想要的内容。然而，当我把它打印成纸张或PDF后，结果真的很奇怪。内容是横向的，但页面是纵向的，所以我在页面的顶部和底部有一个很大的空白，内容的右侧部分超出了页面边缘。

我的猜测是，由于某种原因，打印机不知道它支持横向方式。我试过几台打印机，但都有这个问题。

如果你能给我任何建议或潜在的解决方案，我将不胜感激。

@page｛size:标签是CSS3，据我所知，CSS3仍然不是一个可接受的标准，所以许多新标签还没有被任何浏览器支持。特别是，截至2012年9月12日，大多数浏览器还不支持这个标签。

http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29#Grammar_and_rules

上面的URL声称IE8及以上版本支持它，但到目前为止我还没有幸运地使用它。