浏览器如何计算手机的分辨率?

Question

如果你去任何网站上的任何手机规格，他们通常有这样的分辨率：

• 1080 x 2340 像素，19.5：9 比例(~409 ppi 密度(

• 720 x 1280 像素，16：9 比例(~294 ppi 密度(

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

Answer 1

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

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

Re 媒体查询确实适用于最大和最小宽度以及高度，因此如果我们针对任何特定的分辨率来支持或定位，我们可以在 css 或更少的代码中相应地定义分辨率。