CSS英寸/毫米测量值不准确

Question

我目前正在开发一种从浏览器打印标签的工具。我遇到了一个有趣的问题，我的标签是2.25＆＃34; x 1.25＆＃34;。因此我将div的打印CSS设置为width: 2.25in; height: 2.25in;

在铬检查器中，尺寸正确显示为2.25英寸; 1.25英寸此外，我的打印机正确配置为完全相同的坐标。

到了打印的时候，我实际上得到的预览并没有填满整个2.25x1.25打印预览。

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

虚线边框是2.25x1.25英寸div的边框。完全不准确的测量。

有关可能出错的任何建议或提示？谢谢:)）

Answer 1

CSS中的一英寸（1 in）定义为96像素（this） 这适用于低密度设备，其中1个物理像素= 1个屏幕像素。

在打印机等高dpi（每英寸点数）设备上，它确实不起作用。

按照您希望它填充整个视口，也许您应该查看vh和vw单位。
他们被描述为source。

vh代表视口高度，vw（你猜对了）代表视口宽度。

长话短说，1 vh = 1% of screen height，vw相同（除了宽度）。