（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) { ... }

先前的问题还建议改为针对设备分辨率 。