最大幅のメディアクエリが間違った幅を取る

Question

だから私は現在、

@media only screen and (max-width: 1140px){ 
    .row, 
    .hero-img{ 
    width: 100%; 
    } 
} 

@media only screen and (max-width: 930px){ 
    /* code */ 
} 

にかかりますが、ブラウザ（クローム）は1023年の幅であるとき、それはMAX-のコードを登録するqueries.cssを持っています幅：930ピクセルのメディアクエリ。

誰でも問題が何であるかを知っていますか？私は他の投稿が関連しているのを見て、min-widthとmetaタグを使用すると言いました。どちらも同じ問題を引き起こしました。

また、1140pxの最大幅のメディアクエリにコードを書き込もうとすると、930pxのメディアクエリがそれを上書きします。これがうまく動作するはずですので

Answer 1

は、あなたが遊んで何かを持っているこの

@media only screen and (max-width: 100%){ 
    .row, 
    .hero-img{ 
    width: 100%; 
    } 
} 

@media only screen and (max-width: 100%){ 
    /* code */ 
}