css - 手写笔媒体查询半工作

Question

我在同一个文件中有这个媒体查询:

@media only screen and (max-width: 47.999em)
   // rest of css/stylus here

@media only screen and (min-width: 48em)
   // rest of css/stylus here

这在我使用我的桌面 chrome 并在开发人员工具/设置/覆盖下更改设备指标时有效。

但在 iPhone 和 Android 上不起作用。

知道我遗漏了什么吗？

Answer 1

找到了!

xxx-device-width 应该是 - 我没有使用 device 这个词。

@media only screen and (max-device-width: 47.999em)
   // rest of css/stylus here

@media only screen and (min-device-width: 48em)
   // rest of css/stylus here