Media Queries识别尺寸不对
发布于 5 年前 作者 jsong 5464 次浏览 来自 问答

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

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

/* iPhone 5 */

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

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

}

/* iPhone 6 */

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

}

/* iPhone 6P */

[@media](/user/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 回复

收到 我们看看

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

回到顶部