浏览器如何计算电话的分辨率？

Question

如果您访问任何网站上的任何电话规格，它们通常具有以下分辨率：

• 1080 x 2340像素，比率19.5：9（〜409 ppi密度）

• 720 x 1280像素，16：9比例（〜294 ppi密度）

但是使用相同的手机并访问最大宽度为600px的网站，媒体查询仍然有效。同样在检查whatismyresolution的分辨率时，它表示两款手机的宽度均为360px，高度约为700px。在浏览器上如何计算分辨率？

Answer 1

要获得移动设备的分辨率，我们需要将屏幕的宽度和高度乘以设备的像素比率。

即window.screen.width * window.devicePixelRatio和window.screen.height * window.devicePixelRatio。

媒体查询的确可以同时使用max和min宽度以及height，因此，如果我们以要支持或定位的任何特定分辨率为目标，则可以使用css或更少的代码相应地定义分辨率。