window.devicePixelRatio在所有macOS和ios设备上返回2，导致结果不准确

编程问答 2022-06-07

问题描述

我正在开发用于视觉测试的应用程序。它需要显示具有特定物理尺寸的字母。这是示例代码，旨在将字母E精确显示在一英寸高。

<html>
   <Meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,width=device-width"> //keeps size the same when rotating device.

  <p id="chart">
    E
  </p>
  </div>
  <script>
var dpi = window.devicePixelRatio
var elms = document.getElementById("chart");
    elms.style.fontSize =dpi *96+ "px";

    alert(dpi)
  </script>
  </Meta>
</html>

无论在什么设备上运行，我都会收到2的警报。在macbook air和ipad上，字母为1英寸，在iphone上字母大约为25％，在macbook air上约为10％。我究竟做错了什么？我还有另一种方法可以衡量适用于ios和macOS的DPI吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

devicepixelratioiosiosjavascript