文章/答案/技术大牛

发布

社区首页 >问答首页 >使用@media print时Firefox与Chrome print to pdf工具

问使用@media print时Firefox与Chrome print to pdf工具
EN

Stack Overflow用户

提问于 2021-10-13 19:26:43

回答 1查看 558关注 0票数 1

css at- @media规则可以指定媒体查询(如print )，以将css规则应用于文档。

假设我有以下代码：

@media print {
  @page {
    size: 3in;
    margin: 0.2in;
  }
}

body {
  border: 1px solid;
}

<body>
  <h1>Title for the page</h1>
  <p>Some text goes into here.</p>
</body>

当我在Chrome打开这个html网页时，用它的“打印到pdf”工具，我得到了一个令人满意的结果--用户不能改变导出的pdf大小，它是由css规则决定的，在这种情况下是3英寸×3英寸。但是，您可以更改这个GUI中的边距，尽管我在第二条规则中显式地设置了它。

编辑：在选择打印工具中的“默认”边距时，页边距确实遵循在css文件中设置的规则。

另一方面，在Firefox上，用户可以简单地更改pdf页面大小、更改方向以及如何将内容缩放到页面中。如果是，那么css规则有什么影响？

因此，我的问题主要是关于Firefox的行为:这是一个bug吗?或者更确切地说，它可以吗？

任何想法都会很有帮助。

html

css

media-queries

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-10-14 10:52:16

根据MDN，到2021-10年，壁虎和基于@page/size的浏览器(火狐和WebKit )都不支持Gecko CSS规则。

兼容性

Bugzilla条目：[css3 3-页]实现@页面规则大小属性

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69561260

复制

相似问题

问使用@media print时Firefox与Chrome print to pdf工具
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用@media print时Firefox与Chrome print to pdf工具EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用@media print时Firefox与Chrome print to pdf工具
EN