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

Question

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

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

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

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

Answer 1

@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 及更高版本支持它，但到目前为止我没有使用它。