@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 變量也出於類似原因被忽略