我在同一个文件中有这个媒体查询:
@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上的无法正常工作机器人。
我缺少什么想法?
答案 0 :(得分: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
答案 1 :(得分:0)
改为做。
@media only screen and (max-device-width: 47.999em)
// rest of css/stylus here
@media screen and (min-device-width: 48em)
// rest of css/stylus here