手写笔媒体查询半工作

时间:2013-11-24 09:59:33

标签: css media-queries stylus

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

@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上的无法正常工作机器人。

我缺少什么想法?

2 个答案:

答案 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