html 设置横向打印,css3 – 如何定义CSS类以横向模式设置打印页面？

不幸的是,我们目前无法使用页面类型选择器来超出以下提供的媒体查询：left,：right,：first,and：blank pseudo-classes.

然而,W3C考虑为未来级别的CSS [@page：nth(4){…}或@page(.class){…}]添加其他页面伪类.我不知道为什么命名页面无法工作,但截至2016年1月26日,第4级媒体查询(包括@page at-rule)可能包括使用脚本的范围,否定和定制媒体查询.此外,目前仅在Chrome中支持size属性.

这是最接近的,我只能使用HTML和CSS,它将横向适用于偶数页面.我知道这不是一个确切的解决方案,它只适用于Chrome.

.landscape {

page-break-before: always;

}

@page :left {

size: landscape;

}

This is a normal paragraph.

This is in landscape form, following a page break.