iPhone 7 上的 devicePixelRatio答案

【问题标题】：devicePixelRatio on iPhone 7iPhone 7 上的 devicePixelRatio
【发布时间】：2019-04-05 03:35:42
【问题描述】：

在我的 iPhone 7 上的 Safari 中，一个 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>

【问题讨论】：

标签： ios css safari

【解决方案1】：

不建议使用英寸和厘米等 CSS 单位according to w3.org，除非您打算打印您的网页：

如果您需要确保打印的字体完全符合特定大小，则可以使用 pt（或 cm 或 in）设置字体大小的唯一地方是用于打印的样式表。但即使在那里使用默认字体大小通常会更好。

如果你真的需要使用英寸作为单位，请看这个答案here

【讨论】：