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 code issue here。

我建议定位handheld而不是screen，因为许多移动设备都将自己标识为handheld设备。

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

上一个问题还建议定位device resolution instead。

（CSS3）Android浏览器无法加载响应式CSS

1 个答案: