为什么CSS变量将不会在@page规则工作

问题描述 投票:0回答:1

我定义根节作为我的CSS瓦尔:

:root {
  --print-size: A3 landscape;
  --print-margin: 50cm;
}

@media print {
  @page {
size: var(--print-size);
margin: var(--print-margin);
  }
}
<html>
  <head></head>
  <body onload="print()">
<h2>something to print</h2>
  </body>
</html>

他们为什么不坐我@page CSS规则的效果。例如打印边距50厘米没有效果!

请帮忙 :-(

css variables printing var
1个回答
-1
投票

@media print {
	@page {
		size: var(--print-size);
		margin: var(--print-margin);
    size: A3 landscape;
    margin:50mm;
	}
}
<html>
  <head>
  </head>
  <body onload="print()">
    <h2>something to print</h2>
  </body>
</html>
© www.soinside.com 2019 - 2024. All rights reserved.