javascript - 媒体查询不适用于指定查询

Question

当我为某种检测类型设置我的样式时，它没有在指定的媒体检测宽度处使用该媒体样式，而是将其用作父值，我不明白为什么要这样做。

没有应用上述样式的 fiddle :http://jsfiddle.net/T6Sk4/正常工作

将其应用于特定宽度:http://jsfiddle.net/T6Sk4/1/嗯..

@media (min-width: 320px) {
    #contain {
        width:300px;
    }
    .box {
        display:none;
    }
}
@media (min-width: 480px) {
    #contain {
        width:460px;
    }
}
@media (min-width: 600px) {
    #contain {
        width:580px;
    }
}
@media (min-width: 760px) {
    #contain {
        width:740px;
    }
}
@media (min-width: 900px) {
    #contain {
        width:880px;
    }
}
@media (min-width: 1038px) {
    #contain {
        width:980px;
    }
}

Answer 1

好的。使用以下代码更改 480px 的代码。它在没有 320px 屏幕的所有屏幕上工作正常。我已经测试过了。所以试试这个，让我知道:

@media only screen and (min-width: 480px) {
 #contain {
    width:460px;
 }
.box {
    display:block;
 }
}

您还应该像这样使用您的代码 @media only screen and (min-width:480px){} 所有屏幕。如果不明白，请检查我的代码。