浏览器如何计算手机的分辨率？答案

【问题标题】：How do browsers calculate the resolution of the phone?浏览器如何计算手机的分辨率？
【发布时间】：2020-09-24 15:45:15
【问题描述】：

如果您查看任何网站上的任何手机规格，它们通常会有如下分辨率：

但使用相同的手机并访问最大宽度为 600 像素的网站，媒体查询仍然有效。此外，在 whatismyresolution 上检查分辨率时，两部手机的宽度均为 360 像素，高度约为 700 像素。浏览器上的分辨率是怎么计算的？

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：