почему переменные css не будут работать в правиле @page - PullRequest
Новая
       12

почему переменные css не будут работать в правиле @page

0 голосов
/ 04 февраля 2019

Я определил мои 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 см не действует!

, пожалуйста, помогите: - (

1 Ответ

0 голосов
/ 04 февраля 2019 

@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>
...