【问题标题】:What CSS property corresponds to Chrome's "scale" setting什么 CSS 属性对应 Chrome 的“缩放”设置
【发布时间】:2018-09-26 17:14:54
【问题描述】:

在 Chrome 的打印对话框中(在“高级”下),有一个“比例”设置。

什么 CSS 属性映射到这个设置?

使用此设置,我可以调整要打印的内容的比例,以便正确换行。如果我可以确定相应的 CSS 属性,我可以在打印媒体规则中定义该比例。

我尝试过transform:scale(0.75);zoom:75%;,但似乎这两种设置的行为方式都不一样。

【问题讨论】:

  • 我会说 scale(1) for 100 等等..你试过这个吗?
  • @TemaniAfif "我试过transform:scale(0.75);zoom:75%; "
  • 我知道,但是 0.75 是哪个值?
  • @TemaniAfif html{ transform:scale(0.75); }
  • 你没有明白我......当你设置 0.75 时,你将在 Chrome 参数中使用的值是多少?我的问题是“你的价值观匹配得好吗”?

标签: css google-chrome printing scale


【解决方案1】:

您是否尝试过使用@page 规则? MDN

更新

并尝试使用小数点而不是百分比。例如:

body {
  transform: scale(.75);
  transform-origin: 0 0;
}

@page {
   size: a5;
}

【讨论】:

    【解决方案2】:

    认为@page size 就是您要查找的内容。

    尝试类似:

    @page {
      size: a5;
    }
    

    根据我的快速测试,我认为 % 值不会起作用,但 vw 会。

    【讨论】:

    • “vw”不是基于百分比的值吗?
    • @JeromyFrench - 是的。我的意思是,直接的 % 值(例如大小:75%)不会起作用 - 至少在你所问的情况下不会。
    猜你喜欢
    • 2011-03-08
    • 2011-12-23
    • 2016-05-27
    • 2014-03-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-07
    • 2021-12-31
    相关资源
    最近更新 更多