ブラウザのウィンドウを更新した後、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

そのdoesntの仕事は、ブラウザのキャッシュをクリアするハードリフレッシュをしよう。