如果你去任何网站上的任何电话规格，他们通常有像这样的分辨率:
>
1080 x 2340像素，19.5:9比率(~409 ppi密度）
720 x 1280像素，16:9比(~294 ppi密度）
但是，使用同样的手机，访问最大宽度为600px的网站，媒体查询仍然有效。 另外，当检查分辨率时，显示两款手机的宽度为360px，高度约为700px。 在浏览器上分辨率是如何计算的？
为了获得移动设备的分辨率，我们需要将屏幕的宽度和高度与设备的像素比相乘。
即window.screen.width*window.devicepixelratio和window.screen.height*window.devicepixelratio。
media query可以使用最大和最小宽度以及高度，因此我们可以在css或更少的代码中相应地定义分辨率，如果我们以任何特定的分辨率为目标来支持或目标。
