刷新浏览器窗口后，css媒体样式不起作用

Question

#wrap {
    background: white;
    margin: 20px 15px;
    padding: 10px;  
}
@media screen and (max-width: 600px) {
    #wrap {
        margin: 0;
        padding: 0
    }
}

如果我打开新的浏览器窗口并尝试调整其大小，则这些样式似乎有效。 但是，如果我刷新一次Windows，则@media无法正常工作。 然后，我需要关闭浏览器并再次打开它，以打开同一站点以重新启用@media样式。 这里发生了什么？

Answer 1

@media only screen and (max-width: 600px) {
    #wrap {
        margin: 0;
        padding: 0
    }
}

当您在媒体查询中使用单词“仅”时，我发现它的效果最佳。 这是引导媒体查询的示例。

https://scotch.io/tutorials/default-sizes-for-twitter-bootstraps-media-queries

如果这样不起作用，请尝试进行强制刷新以清除浏览器缓存。