Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/jpa/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 响应性设计在480以下不会响应_Css_Wordpress_Responsive Design - Fatal编程技术网

Css 响应性设计在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之间时,将应用媒体查询中所述的规则。如果这是你正在尝试做的,它似乎工作得

这是一个网站,我进入后,开发商退出。我已经完成了所有的事情,但我注意到它在480以下没有响应

这是我脑袋里的东西

<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;
}