在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>
最佳答案
不建议使用英寸和厘米等CSS单位使用according to w3.org，除非您计划打印出网页：
如果需要确保打印的字体恰好是特定的大小，则可以使用pt（或cm或in）来设置字体大小的唯一地方是用于打印的样式表。但是即使使用默认字体大小通常也更好。
如果您确实需要使用英寸为单位，请查看以下答案here