在Safari的iPhone 7上，3英寸宽的div实际上大约是1.8英寸。
为什么他们没有设置devicePixelRatio以使css中的3in实际为3in？是否有关于如何设置devicePixelRatio的规范？有解决方法吗？
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
</head>
<body style="margin:0">
<div style="width:3in;background:orange">3in</div>
</body>
</html>
除了您打算打印出您的网页外，不建议使用according to w3.org等CSS单位（如英寸和厘米）：
如果您需要确保打印的字体确实是一定的大小，那么您可以使用pt（或cm或in）设置字体大小的唯一位置是打印样式表。但即使使用默认字体大小通常也更好。
如果你真的需要使用英寸作为单位，请看看这个答案here