WXOPEN Club

Media Queries识别尺寸不对

发布于 7 年前作者 jsong5604 次浏览最后编辑 7 年前来自 ask

不是小程序 是服务号，但是没这个选项

反馈一个Bug，表现是css中media queris设备尺寸不对

/* iPhone 5 */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {

  html ,body{
    font-size: 62.5%;
  }

}

/* iPhone 6 */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  html ,body{
    font-size: 75%;
  }

}

/* iPhone 6P */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  html ,body{
    font-size: 81.3%;
  }
}

在真机中和开发者工具0.x版本中都正常

在开发者工具1.x版本中device-width是1440

复现网址https://v.yunpub.cn

2 回复
fanglong
fanglong1 楼6 年前

收到 我们看看

min91
min912 楼5 年前

有进展么，测了一下，这里面device-width的值取是电脑的屏幕宽度。比如1440px