瀏覽器窗口刷新後css媒體樣式不起作用

Question

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

如果我打開新的瀏覽器窗口並嘗試調整它的大小，這些樣式似乎正在工作。但是，如果我刷新一次窗口然後@media不起作用。然後，我需要關閉瀏覽器並打開它才能打開相同的網站以重新啓用@media樣式。這裏發生了什麼？

Answer 1

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

我發現它在媒體查詢中有「ONLY」這個詞時效果最好。下面是引導媒體查詢的一個例子。

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

如果不起作用嘗試硬刷新清空瀏覽器緩存。