收藏
回答

Media Queries识别尺寸不对

问题模块 框架类型 操作系统 工具版本
开发者工具 小程序 macOS 1.02.1802080

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

反馈一个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


最后一次编辑于  2018-02-10
回答关注问题邀请回答
收藏

2 个回答

  • 林超
    林超
    2018-02-10

    收到 我们看看

    2018-02-10
    赞同
    回复
  • Nigel
    Nigel
    2018-03-07

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

    2018-03-07
    赞同
    回复