css - Chrome可以在打印机上准确打印出CSS英寸吗

Question

似乎当我设置我的 css 打印样式并在 chrome 中打印时，它与我在我的 CSS 中设置的不匹配。

有什么办法让它正常工作吗？

Answer 1

有时浏览器会调整视口的大小以适应页面。但是，您可以尝试一些特定于打印的 CSS 规则。主要的是 size 属性：

    @media print {
        @page {
            size: A4 portrait;
        }
    }

关于页面大小规则的更多信息：

auto - 页面框将设置为目标表的大小和方向。

Landscape - 覆盖目标的方向。页面框与目标大小相同，较长的边是水平的。

Portrait - 覆盖目标的方向。页面框与目标大小相同，较短的边是水平的。

[length] - 'size' 属性的长度值创建一个绝对页面框。如果只指定一个长度值，它会设置页面框的宽度和高度。'size' 属性不允许使用百分比值。