在打印时匹配类名时设置不同的@page 规则大小

Question

我想在匹配类名时设置不同的@page 规则大小。 我试图研究，但我发现的答案是伪类，我认为不是 解决我的问题。

这是我的css

@media print {
   @page {
      margin: 13.2mm 0mm 12.9mm;
   }
}

html 文件 #1

<div class='classname-1'>
   some contents here..
</div>

html 文件 #2

<div class='classname-2'>
   some contents here..
</div>

我提出的解决方案是但在我尝试打印时不起作用。它只适用 最新的@page规则

@media print {
   .classname-1 { 
      @page {
         size: portrait;
         margin: 13.2mm 0mm 12.9mm;
      }
   }

   .classname-2 { 
      @page {
         size: landscape;
         margin: 5mm 5mm 5mm;
      }
   }
}

Answer 1

到目前为止，我在为此寻找适当的方法/技术时没有发现任何东西。所以我尝试在打印时自定义元素的样式。