当网页包含多列时,横向打印网页是理想的选择。但是,用户可能需要手动调整打印机设置才能实现此目的。本文深入研究了无需用户干预即可以横向模式打印 HTML 文档的各种选项,并探讨了它们的浏览器兼容性。
CSS @page 属性允许您指定页面设置,包括大小和方向。要横向打印文档,请使用以下 CSS 规则:
@media print{@page {size: landscape}}
虽然此规则是 CSS 2.1 规范的一部分,但对“size”属性的支持有限,因为它在 CSS 3 中已弃用.
一些文章建议使用 JavaScript 或 ActiveX 将击键发送到用户的浏览器,本质上是以编程方式更改打印机设置。但是,这些解决方法并不理想,需要修改浏览器安全设置。
您可以使用 CSS 转换来旋转页面内的内容,而不是旋转页面:
.page { -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
这种方法有其自身的缺点,会导致对齐和布局问题。
另一个选项是以 PDF 格式创建文档的横向版本,并将“打印”按钮指向它。但是,这可能不适用于 IE7 中的自动打印。
横向打印 HTML 文档并不简单,并且支持情况因浏览器而异。 @page 规则可能在某些浏览器中有效,但 JavaScript 或 ActiveX 解决方法并不可靠。旋转内容是可能的,但会产生其他问题。转换为 PDF 是一种选择,但它可能并不适合所有情况。最终,最好的方法取决于内容和浏览器环境。
以上是如何在没有用户干预的情况下强制横向打印 HTML 文档?的详细内容。更多信息请关注PHP中文网其他相关文章!