响应式设计不会低于480

Question

这是我在开发者退出后进入的网站。我已经完成了，但我发现它在480以下没有响应。

Here is the site

这就是我头脑中的内容

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

这部分的css：

@media only screen and (min-width: 321px) and (max-width: 480px) { There some css in here  }

这是有人创建的wordpress的自定义模板。所以我在阿尔多斯，我已经花了很多时间试图弄清楚它有什么问题。我希望有人可以帮忙！

Answer 1

这个CSS说的是，当屏幕宽度介于480px和321px之间时，将应用媒体查询中所述的规则。如果这是你想要做的，它似乎工作正常。这是一些测试CSS和JSfiddle结果（调整JSFiddle窗口的大小）

@media only screen and (min-width: 321px) and (max-width: 480px) { 
    body {
        background: red;
    }
}

你可以更具体地了解你想要实现的目标，它似乎对我有用。

Answer 2

这应该回答你的问题：

#footer .partners {
    float: none;
    width: 494px;
    margin: 0 auto;
}

这个div永远不会小于494px。它也不会让它的父母低于它最宽的元素的宽度，这就是这个，这就是整个网站不会低于这个宽度的原因。