@page margin 属性仅在值为变量时不适用 css

Question

我制作了一个 css 样式表，如下所示：

:root {
  --main-font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --margin: 10cm;
}

@media print {
  *:not(span) {
    font-family: var(--main-font);
  }
  @page {
    size: A4;
    margin: var(--margin);
  }
}

main-font按预期工作，但--margin不是。 打印 window 时，字体随 --main --main-font值变化，但边距设置为默认值。 奇怪的是，如果我将@page margin值更改为 static，
喜欢： margin: 10cm它有效。 我不知道为什么会这样。

Answer 1

我认为您不能在@page中使用任何带边距的值。 我没有在规范中找到关于此的明确声明，但在MDN页面中您可以阅读：

注意：W3C 正在讨论如何处理与视口相关的<length>单位、vh、vw、vmin 和 vmax

所以我假设 CSS 变量也出于类似原因被忽略