CSS打印方向 - 预览中的横向,但打印时的纵向

时间:2012-07-17 17:56:48

标签: javascript css printing landscape portrait

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

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

我的猜测是,由于某种原因,打印机不知道支持横向移动。我尝试了几台打印机,所有打印机都有这个问题。

如果您能给我任何建议或可能的解决方案,我感激不尽。

1 个答案:

答案 0 :(得分:3)

@page {size:标签是CSS3,据我所知,CSS3仍然不是公认的标准,因此任何浏览器都不支持许多新标签。特别是截至2012年9月12日,大多数浏览器都不支持此标记。

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

以上网址声称IE8及以上版本支持它,但到目前为止我没有运气使用它。

相关问题