モバイルデバッグビューのクロムでメディアクエリが読み取られない

Question

Chromeで非常に異常な動作が発生しています。モバイルデバッグビューにある場合、特定のサイズでメディアクエリを取得しません。例えば

モバイルビューで、次の作品：

@media screen and (max-width: 980px) { 
    #cliff { 
     background-color: red; } 
    } 

が、これはあなたが差は一画素のみで表示されます

@media screen and (max-width: 979px) { 
    #cliff { 
     background-color: red; } 
    } 

を動作しません。次に、私がモバイルデバッグビューから出て、画面サイズを変更すると、それは動作します。誰も助言することができますか、または何らかの理由でこれが起こっていることを知ることができますか？

Answer 1

ヘッダーにこれがありますか？

<meta name="viewport" content="width=device-width, initial-scale=1"> 

また、多分フォーマットを変更すると役立ちます。これは私のために働く：

@media (max-width:980px){ 
    //Styles 
}