我设置为横向CSS文件的size属性以横向打印页面
@page {
margin: 0.1cm;
size: landscape;
orientation: landscape;
size: A4;
Run Code Online (Sandbox Code Playgroud)
有些页面是纵向打印的,有些是横向打印的.
如何使用CSS检测并强制页面在横向打印?
您提供的CSS存在问题:
}),size了A4orientation似乎存在于媒体查询,但不是作为属性(源).因此,您可以检查方向,但不能设置方向.我试过了
@page {
size: A4 landscape;
}
Run Code Online (Sandbox Code Playgroud)
在Linux上的Chrome 60中,它运行良好.但似乎不适用于Firefox.
您可以像paper.css一样设置width和height所需<body>的任何内容(仅用于使用媒体查询进行打印).
你可以添加
body {
transform: rotate(-90deg);
}
Run Code Online (Sandbox Code Playgroud)
似乎可以安全使用.
小智 3
问题是首先你写size: landscape;,然后你写size: A4;
如果没有提供,domPDF会像默认纵向一样呈现,并且它会覆盖横向。设置第二个参数landscape就可以了。
size: A4 landscape;
Run Code Online (Sandbox Code Playgroud)