Chrome可以在打印机上准确打印CSS英寸

Question

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

任何方式让它正常工作？

Answer 1

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

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

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

自动 - 页面框将设置为目标工作表的大小和方向。

风景 - 覆盖目标的方向。页面框与目标尺寸相同，长边是水平的。

人像 - 覆盖目标的方向。页面框与目标尺寸相同，短边是水平的。

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