HTML中的景观打印

Question

HTML中的景观打印我有一个HTML报告，它需要打印景观，因为有许多列。是否有一种方法可以做到这一点，而不需要用户更改文档设置？浏览器之间的选项是什么。

Answer 1

我的解决方案：

<style type="text/css" media="print">
    @page { 
        size: landscape;
    }
    body { 
        writing-mode: tb-rl;
    }</style>

这在IE, Firefox和Chrome

Answer 2

引用自CSS-讨论Wiki

@page规则的作用域从CSS 2减少到CSS2.1。据报道，完整的CSS 2@Page规则仅在Opera中实施(甚至在那时也是如此)。我自己的测试表明IE和Firefox根本不支持@page。根据现已过时的CSS 2规范第13.2.2节，可以覆盖用户的方向设置和(例如)景观中的强制打印，但相关的“大小”属性已从CSS2.1中删除，这与当前浏览器不支持该属性的事实相一致。它已在CSS3传呼媒体模块中恢复，但请注意，这只是一份工作草案(截至2009年7月)。

结论：暂时忘掉@page吧。如果你觉得你的文档需要打印成景观导向，问问自己是否可以让你的设计更加流畅。如果您真的做不到(例如，因为文档包含了包含许多列的数据表)，那么您需要建议用户将方向设置为景致，并可能概述如何在最常见的浏览器中这样做。当然，有些浏览器有打印适应宽度(收缩到适合)功能(例如Opera、Firefox、IE7)，但是不应该依赖用户拥有这个工具或打开它。