Question

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

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

有些页面以纵向打印，有些以横向打印。

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

Answer 1

您提供的CSS存在问题：

括号未关闭（缺少}），
您使用size

A4

orientation似乎存在于媒体查询中，但不作为属性（source）存在。因此，您可以检查方向，但不能设置方向。

我试过

@page {
    size: A4 landscape;
}

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

您可以将width的{{1}}和height设置为您需要的任何内容（仅限使用媒体查询进行打印），就像paper.css一样。

替代

你可以添加

<body>

似乎是safe to use。

Answer 2

问题是先写<a href="https://github.com/tianyi-m" style="display: block;"> <img src={githubIcon} alt="Github Icon"></img> </a>，然后再写size: landscape; 如果未提供，domPDF 将像默认纵向一样呈现，并覆盖横向。设置第二个参数 Landscape 并且会起作用。

size: A4;

强制CSS中的横向方向

2 个答案:

替代