在 CSS 中强制横向答案

【问题标题】：Force landscape orientation in CSS在 CSS 中强制横向
【发布时间】：2017-01-14 08:08:44
【问题描述】：

我确实设置了横向 CSS 文件的大小属性以横向打印页面

@page {
          margin: 0.1cm;
          size: landscape;
          orientation: landscape;
          size: A4;

有些页面是纵向打印的，有些是横向打印的。

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

【问题讨论】：

【解决方案1】：

问题是你先写size: landscape;，然后写size: A4; 如果未提供 domPDF，则会像默认纵向一样呈现，并且会覆盖横向。设置第二个参数 Landscape 就可以了。

size: A4 landscape;

【讨论】：

【解决方案2】：

你提供的 CSS 有问题：

我试过了

@page {
    size: A4 landscape;
}

在 Linux 上的 Chrome 60 中，它工作正常。不过，似乎在 Firefox 中不起作用。

您可以将<body> 的width 和height 设置为您需要的任何值（仅用于使用媒体查询进行打印），就像paper.css 一样。

另类

你可以添加

body {
    transform: rotate(-90deg);
}

好像是safe to use。

【讨论】：