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