强制CSS中的横向方向

Âng*_*igo 3 css printing

我设置为横向CSS文件的size属性以横向打印页面

@page {
          margin: 0.1cm;
          size: landscape;
          orientation: landscape;
          size: A4;
Run Code Online (Sandbox Code Playgroud)

有些页面是纵向打印的,有些是横向打印的.

如何使用CSS检测并强制页面在横向打印?

Mar*_*oma 6

您提供的CSS存在问题:

  1. 支架没有关闭(缺失}),
  2. 你覆盖sizeA4
  3. orientation似乎存在于媒体查询,但不是作为属性().因此,您可以检查方向,但不能设置方向.

我试过了

@page {
    size: A4 landscape;
}
Run Code Online (Sandbox Code Playgroud)

在Linux上的Chrome 60中,它运行良好.但似乎不适用于Firefox.

您可以像paper.css一样设置widthheight所需<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)