Css 响应性设计在480以下不会响应
这是一个网站,我进入后,开发商退出。我已经完成了所有的事情,但我注意到它在480以下没有响应 这是我脑袋里的东西Css 响应性设计在480以下不会响应,css,wordpress,responsive-design,Css,Wordpress,Responsive Design,这是一个网站,我进入后,开发商退出。我已经完成了所有的事情,但我注意到它在480以下没有响应 这是我脑袋里的东西 <meta name="viewport" content="width=device-width, initial-scale=1"> 这是某人为wordpress创建的自定义模板。所以我至少工作了好几个小时试图找出它的毛病。我希望有人能帮忙 这个CSS的意思是,当屏幕宽度在480px和321px之间时,将应用媒体查询中所述的规则。如果这是你正在尝试做的,它似乎工作得
<meta name="viewport" content="width=device-width, initial-scale=1">
这是某人为wordpress创建的自定义模板。所以我至少工作了好几个小时试图找出它的毛病。我希望有人能帮忙 这个CSS的意思是,当屏幕宽度在480px和321px之间时,将应用媒体查询中所述的规则。如果这是你正在尝试做的,它似乎工作得很好。下面是一些测试CSS和调整JSFIDLE窗口大小的结果
@media only screen and (min-width: 321px) and (max-width: 480px) {
body {
background: red;
}
}
您能否更具体地说明您的目标,这似乎对我很有效。这应该可以回答您的问题:
#footer .partners {
float: none;
width: 494px;
margin: 0 auto;
}
这个div永远不会小于494px。它也不会让它的父元素的宽度低于它的最宽元素的宽度,这就是为什么整个站点不会低于此宽度。remove@viewport{width:320px;max-zoom:3;min-zoom:0.50;}不幸的是,响应比这要复杂一些。这需要更深入地了解css是如何设置为在这些参数中显示的。以及它使用了什么css框架。谢谢,我一定错过了。看了这么久,我只是看了一下。我们都有这个问题。当我看到水平滚动条时,我通常做的是打开我的检查器并设置显示:无显示到我身体的直接子对象通常只有几个页眉、页脚、身体和英雄,并查看是哪一个导致水平滚动条消失-这将允许我大致了解问题发生的位置。一旦我知道它在,例如,页脚中,然后我一个接一个地关闭页脚的直接元素,依此类推。
#footer .partners {
float: none;
width: 494px;
margin: 0 auto;
}