打印视图中的边距扩大

Question

我正在为我的项目制作打印视图，但是当我更改纸张尺寸时，有时容器中的边距会由于某种原因而扩大，并且会扩大容器的高度。有没有什么办法解决这一问题？

<div class="field-padding">

    <div class="label">{{label}}</div>

    <div class="text-field">{{value}}</div>

</div>

这是 CSS 文件：

@media print {

  .field-padding {

    margin-bottom: 10px;

  }

  .label {

    margin-bottom: 5px;

  }

}

图片供参考：

https://i.stack.imgur.com/axlkS.png

Answer 1

在打印模式下最好使用 cm 或 pt，@media print {  .field-padding {    margin-bottom: 11pt;  }  .label {    margin-bottom: 6cm;  }}

Answer 2

我认为打印时指定的单位应该是cm或mm。你可以这样尝试吗？@media print {&nbsp; &nbsp; .field-padding {&nbsp; &nbsp; &nbsp; margin-bottom: 10mm;&nbsp; &nbsp; }&nbsp; &nbsp; .label {&nbsp; &nbsp; &nbsp; margin-bottom: 5mm;&nbsp; &nbsp; }&nbsp; }