我需要使用半信纸尺寸(215 毫米高和 139 毫米宽)的纸张设置要打印的布局。 我已经测试了许多 css 参数，例如
@page {
size: 139mm 215mm;
margin: 0;
}
@media print {
@page {
size: 139mm 215mm;
}
}
html {
width: 139mm;
height: 215mm;
margin: 0;
}
body {
width: 139mm;
height: 215mm;
margin: 0;
}<body>
<div style="height: 215mm; width: 139mm; border:solid grey 1px;">
<!-- My content -->
...
</div>
</body>但是当我使用 Control+P 打印时，我总是得到 Legal 垂直尺寸的页面。
如何设置此自定义尺寸以在任何浏览器中打印？
最佳答案
除了定义size，你还需要为@page定义height和width。我更新了您的代码并将其放在下面，希望能解决您的问题。
关键部分:
@page {
size: 139mm 215mm;
height: 215mm;
width: 139mm;
margin: 0;
}
片段:
window.print();@page {
size: 139mm 215mm;
height: 215mm;
width: 139mm;
margin: 0;
}
html {
width: 139mm;
height: 215mm;
margin: 0;
}
body {
width: 139mm;
height: 215mm;
margin: 0;
}<body>
<div style="height: 215mm; width: 139mm; border:solid grey 1px;">
<!-- My content -->
...
</div>
</body>Updated JSFiddle
关于HTML 和 CSS 将打印页面大小设置为半个字母，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51129635/