（CSS3）Android瀏覽器無法加載響應式CSS

Question

我在移動設備上測試我的網站，但是，在iOS上它效果很好，在Android上它沒有：網站放大並且無響應。

在我的標籤，我有：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

，而在我的CSS有：

@media only screen and (min-width: 979px) { 
.isStuck { 
    background-color: #000; 
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); 
} 
} 
@media only screen and (max-width: 979px) { 
#stuck_container { 
    position: relative !important; 
    box-shadow: none; 
} 
.pseudoStickyBlock { 
    height: 0 !important; 
} 
} 

Answer 1

Android的股票瀏覽器廣泛地改變Android的4.4的，所以如果限制你的應用程序到那個版本根據Google code issue here，你可能會發現它可以正常工作。

然而，我會建議針對handheld而不是screen然而，許多移動設備標識自己是handheld設備。

@media handheld, screen and (min-width: 979px) { ... } 

以前的問題還建議針對device resolution instead。