CSS中的媒体无效

Question

我在我的css中使用@media个查询：

    

@media only screen and (min-width: 481px ){ 
    #guarantee{ 
        margin-right: 250px;
    }
} 

@media only screen and (max-width:480px ){
    #guarantee{
        margin-right: 30px;
    }
}

当我缩小浏览器窗口时，边距宽度仍然相同。它没有覆盖250像素，因为我将其定义为默认值。

建议非常感谢。

Answer 1

使用您提供的代码：

@media only screen and (min-width:481px){ 
    #guarantee{ 
        margin-right: 250px;
    }
} 

@media only screen and (max-width:480px){
    #guarantee{
        margin-right: 30px;
    }
}

一切都很好 - 请看小提琴：http://jsfiddle.net/Lmdgtbov/

<强>更新