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

Question

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

任何方式让它正常工作？

Answer 1

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

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

一点关于页面大小规则：

自动 - 页框将被设置为对象薄片的大小和方向。

风景 - 覆盖目标的方向。页面框的大小与目标大小相同，而长边则是水平的。

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

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