CSS英寸/毫米測量不準確

Question

我目前正在開發一個從瀏覽器打印標籤的工具。我遇到了一個有趣的問題，我的標籤是2.25「x 1.25」。因此，我已將我的打印CSS設置爲width: 2.25in; height: 2.25in;

在鉻檢查器中，尺寸正確顯示爲2.25英寸;通過1.25in。此外，我的打印機配置正確，完全相同的座標。

當需要打印的時候，我實際上得到的預覽不會填滿整個2.25x1.25打印預覽。

http://imgur.com/K3BFSgg,CvToRSK,41fqK9D,vIL9lca

虛線邊框的2.25x1.25英寸div的邊界。完全不準確的測量。

任何有關可能出錯的建議或提示？謝謝:)

Answer 1

CSS中的一英寸（1 in）被定義爲96像素（source）。
這適用於1個物理像素= 1個屏幕像素的低密度設備。

儘管如此，在打印機等高dpi（點/英寸）設備上，它確實不起作用。

---

Seing只要你想它來填充整個視口，也許你應該看一看的vh和vw單位。
它們被描述爲here。

vh代表視口高度和vw（您猜對了）代表視口寬度。

長話短說，1 vh = 1% of screen height，vw（寬度除外）。