Html 媒体查询的一部分不工作?

Html 媒体查询的一部分不工作?,html,css,media-queries,Html,Css,Media Queries,我目前正在努力使商店响应,我有以下问题 我正在使用媒体查询来设置店铺样式,媒体查询中的特定范围根本不会影响。 它在其余的媒体查询中工作得很好,但是在这个特定的查询中,它不做任何更改 下面是我的一个工作媒体查询的示例: @全部介质和(最大宽度:685px)和(最小宽度:640px) { #ShopMiddleHolderShop{float:左;宽度:915px;} #右侧保持架{左侧填充:15px;宽度:37%;浮动:左侧;底部填充:8px;右侧边距:50px;} .prodTable{floa

我目前正在努力使商店响应,我有以下问题

我正在使用媒体查询来设置店铺样式,媒体查询中的特定范围根本不会影响

它在其余的媒体查询中工作得很好,但是在这个特定的查询中,它不做任何更改

下面是我的一个工作媒体查询的示例:

@全部介质和(最大宽度:685px)和(最小宽度:640px)
{
#ShopMiddleHolderShop{float:左;宽度:915px;}
#右侧保持架{左侧填充:15px;宽度:37%;浮动:左侧;底部填充:8px;右侧边距:50px;}
.prodTable{float:左;宽度:105%}
#prodListView{float:left;width:240px;}
.prodTable td{宽度:130%;浮点:左;}
.prodTmbHld{宽度:80%;边距:8px 0;/*显示:列表项;*//*浮点:左;*/}
fieldset.prodTmb{/*float:left;*/边距:0自动;填充:5px 0;宽度:99.5%;高度:150px;}
.prodTmbImg{宽度:145px;高度:143px;浮点:右;}
.prodTmbImg img{宽度:140px;高度:140px;浮点:左}
.prodDsc{左填充:10px;浮点:左;宽度:145px;字体大小:12px;行高:14px}
}
这里是不起作用的范围

@所有介质和(最大宽度:640px)和(最小宽度:590px)
{
#ShopMiddleHolderShop{float:左;宽度:915px;}
#右侧保持架{左侧填充:15px;宽度:37%;浮动:左侧;底部填充:8px;右侧边距:50px;}
.prodTable{float:左;宽度:105%}
#prodListView{float:left;width:auto;margin right:320px;}
.prodTable td{宽度:130%;浮点:左;}
.prodTmbHld{宽度:70%;边距:8px 0;/*显示:列表项;*//*浮点:左;*/}
fieldset.prodTmb{/*float:left;*/边距:0自动;填充:5px 0;宽度:99.5%;高度:150px;}
.prodTmbImg{宽度:145px;高度:143px;浮点:右;}
.prodTmbImg img{宽度:140px;高度:140px;浮点:左}
.prodDsc{左填充:10px;浮点:左;宽度:145px;字体大小:12px;行高:14px}
#viewNav{浮动:左;宽度:170px;边框右:1px实心#8FBCD1}
#viewNav span{float:left;padding left:8px}
#viewNav a{浮动:左;边框右:1px实心#8FBCD1;填充:0 8px}
#店主文件夹{浮动:左;宽度:10%;背景:#a8a8a8}
}

任何帮助都将不胜感激!谢谢大家!

问题是我有重叠的CSS

我不小心复制了同一个媒体查询,并将其粘贴到了我正在处理的媒体查询之上,但该查询尚未关闭

例如:

@media all and (max-width:640px) and (min-width:590px)
{

/*Some code here*/

我删除了这个代码,它工作得很好

我的猜测是,您有相互冲突或重叠的媒体查询。秩序很重要!同样对于这些宽度,为什么您的第一个属性是915px?缺少
填充后:0 8px
#viewNav a
@James不要紧,它在结尾。正如Webeno所说,我认为css类结尾缺少结束标记并不要紧,但我会将它们全部关闭以确保@T.J.华莱士完全没有必要,不会改变任何事情