打印视图中的边距扩大

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 {

    .field-padding {

      margin-bottom: 10mm;

    }

    .label {

      margin-bottom: 5mm;

    }

  }