（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 4.4 ，Android股票瀏覽器進行了廣泛的更改，因此，根據此處的Google代碼問題 ，如果可以將應用程序限制為該版本，則可能會發現它運行良好。

我建議您以handheld而不是screen為目標，因為許多移動設備將自己標識為handheld設備。

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

先前的問題還建議改為針對設備分辨率 。