2021-08-19

关于同一移动端页面在 pc端和微信端共同使用遇到的问题

• 适配问题

媒体查询实际上查询的是pt而不是px。也就是说，是逻辑分辨率而不是物理分辨率。

iphone各手机型号的屏幕尺寸、逻辑分辨率…

比如，iphone6的逻辑分辨率是375667, 而物理分辨率是7501334，即1pt = 2px。

适配移动端设备 写法如下：

@media screen  (min-device-height: 750px) {


}

适配pc端的预览 如图

@media only screen  (width:375px) {


}