Javascript 更精确的仿真器，谷歌浏览器还是Mozilla Firefox？

Google Chrome和Mozilla Firefox在使用模拟器渲染输出时似乎不会产生相同的结果

例如，Google Chrome显示的iPhone X（375x812为纵向模式，设备像素比为3）字体非常小

根据我的计算，h1——我将其设置为72px，似乎最终的字体大小为24px（即72/3，其中3是设备像素比）。平板电脑不会出现这种情况（例如iPad Pro，其设备像素比为2）

我希望平板电脑上的字体大小是72px/2=36px，但事实并非如此。它被正确渲染为像素比为1的设备（例如桌面）

为什么移动设备或像素比率仅为3或以上的设备会出现这种情况？当然，Mozilla Firefox似乎没有出现这种情况，所有这些设备的字体大小都是相同的

在这种情况下，哪个浏览器的渲染是正确的？谷歌浏览器还是Mozilla Firefox

下面给出了屏幕截图

---

像这样包含meta标记

<meta name=viewport content="width=device-width, initial-scale=1">

这里的大多数人不知道任何事情就轻描淡写地回答问题。他们不仅仅是从基础开始，他们是那些不依赖像bootstrap这样的框架就无法构建站点的人。这不会有什么问题，因为专家已经解决了

---

有关详细信息，请参阅

Hi！请提供您的代码的一部分-当向Kin寻求关于堆栈溢出的帮助时，屏幕截图不能代替代码。Chrome或Firefox也没有实际的模拟器，背后的CSS引擎是相同的，但是它们模拟了触摸输入或显示大小等一些事情。如果你真的想要一个真实的模拟器，你应该寻找一个虚拟设备。非常感谢。