javascript - 关于使用 css 打印 a4 尺寸

Question

我想将页面打印为 A4 尺寸。我使用这些代码但它有一个问题，它在不同分辨率的设备上显示不同的大小。我想使用所有设备将我的页面打印为 a4 尺寸。我需要响应式 a4 尺寸打印的解决方案

<div class="page">hmmm<div>
 <style>
.page {
    height:1600px;
}

@page {
    size: A4;
    margin: 0;
}
@media print {
    html, body {
        width: 210mm;
        height: 297mm;        
    }
    .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
     }
    }
    </style>

Answer 1

CSS size 描述符目前处于工作草案状态，据我所知，它还没有在任何浏览器中实现。

前往 Mozilla.org 并查看底部的浏览器兼容性。截至 2019 年 7 月，它表示它不受任何主流浏览器的支持。

https://developer.mozilla.org/en-US/docs/Web/CSS/@page/size