手寫媒體查詢半工作

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 

這工作時，我用我的臺式機瀏覽器和下開發工具/設置/覆蓋變化的設備規格。

但是不工作在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 

Answer 2

取而代之。

@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