我定义根节作为我的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厘米没有效果!
请帮忙 :-(
@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>