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

Javascript window.devicePixelRatio在所有macOS和ios设备上返回2,导致结果不准确,javascript,ios,devicepixelratio,Javascript,Ios,Devicepixelratio,我正在开发一个用于视觉测试的应用程序。它需要显示具有特定物理尺寸的字母。下面是示例代码,用于显示一英寸高的字母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="

我正在开发一个用于视觉测试的应用程序。它需要显示具有特定物理尺寸的字母。下面是示例代码,用于显示一英寸高的字母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>

//旋转设备时保持大小相同。

E

var dpi=window.devicePixelRatio var elms=document.getElementById(“图表”); elms.style.fontSize=dpi*96+“px”; 警报(dpi)
无论在什么设备上运行,我都会收到2的警报。这封信在macbook air和ipad上的尺寸为1英寸,在iphone上小了25%,在macbook air上大了10%。我做错了什么?有没有其他方法可以在ios和macOS上测量DPI