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

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

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

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

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

【问题讨论】:

标签: css printing


【解决方案1】:

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

size: A4 landscape; 

【讨论】:

    【解决方案2】:

    你提供的 CSS 有问题:

    1. 括号没有闭合(缺少}),
    2. 你用A4覆盖size
    3. orientation 似乎存在于媒体查询中,但不是作为属性 (source)。因此,您可以检查方向,但不能设置它。

    我试过了

    @page {
        size: A4 landscape;
    }
    

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

    您可以将<body>widthheight 设置为您需要的任何值(仅用于使用媒体查询进行打印),就像paper.css 一样。

    另类

    你可以添加

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

    好像是safe to use

    【讨论】:

      猜你喜欢
      • 2013-01-15
      • 1970-01-01
      • 2012-04-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多