Chrome可以在打印機上精確打印CSS英寸

Question

看來，當我設置我的css打印樣式並用chrome打印時，它與我在CSS中設置的不匹配。

任何方式讓它正常工作？

Answer 1

有時瀏覽器會調整視口的大小以適應頁面。不過，您可以嘗試一些特定於打印的CSS規則。其中主要的一個是大小屬性：更多

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

一點關於頁面大小規則：

自動 - 頁框將被設置爲對象薄片的大小和方向。

風景 - 覆蓋目標的方向。頁面框的大小與目標大小相同，而長邊則是水平的。

肖像 - 覆蓋目標的方向。頁面框的大小與目標大小相同，短邊是水平的。

[length] - 'size'屬性的長度值創建絕對頁面框。如果僅指定了一個長度值，則會同時設置頁面框的寬度和高度。 「大小」屬性不允許使用百分比值。