iphoneX适配不生效

Question

下面这个代码在微信开发者工具的iphoneX上面没生效，在公众号里面也没有生效。

@media only screen and (device-width: 375px) and (device-height: 812px){
  body {
    background: blue
  }
}

Answer 1

device-width被弃用了 你试试min-width

Answer 2

还是真机上看一下，开发者工具里的未必准确

Answer 3

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {}
亲测 有效