Android没有回应

我试图将一些响应式设计元素应用到网站。 我的目标是根据屏幕宽度隐藏右侧。 我已经能够在我的桌面上（当最小化窗口时）改变行为以及我的iphone。 但是，我的andriod仍然显示正确的一面，就像整个桌面网站一样。

我将最大宽度设置为750px，但将其增加到1000以尝试让andriod执行某些操作，但仍然不是运气。

我的CSS最初看起来像这样：

#container {
width: 980px;
text-align: left; margin: 10px auto; font-family: Arial; font-size: 1em;
}
#rightnav {
float: right; align: center; width: 300px !important; margin: 0; padding: 12px 5px 5px 5px;
}

到CSS，我添加了这个媒体查询的东西：

@media all and (max-width: 1000px) {
  #container {
    width: 95%;
    margin: 5px auto;
    padding: 5px;
  }
  #rightnav {
  display:none;}

我没有完美的，但在最小化的桌面屏幕或我的iphone4上，右侧不显示，表明响应式设计正在工作。 但是，在andriod上，CSS根本没有响应。

一如既往，先谢谢了...

---

添加视口标签：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

链接地址: http://www.djcxy.com/p/60915.html

上一篇: Android not responding

下一篇: Is it possible to set a fluid width for Facebook's social plugins?