刷新瀏覽器窗口后，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

如果這樣不起作用，請嘗試進行強制刷新以清除瀏覽器緩存。