モバイルの応答が回転しないときに動作しない

Question

私たちのウェブサイトは生き残る前に最後の段階にありますが、モバイルの応答をチェックしたときに気がつきましたが、デスクトップと同じスタイルが表示され、反応の遅いメディアの疲労がうまくいきませんでした。次のように レスポンシブコードは次のとおりです。

@media screen and (max-width:600px){ 
 
.stats{ 
 
    display:none; 
 
} 
 
}

誰が助けてくださいすることができますか？

Answer 1

あなたがモバイルデバイス（https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag）から正しい幅を取得し、携帯機器（携帯電話）用

@media screen and (max-width:767px){ 
    .stats{ 
    display:none; 
    } 
} 

としてメディアクエリを変更することができるようにheadタグの間

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

を追加

Answer 2

ランドスケープデバイスの比率が600pxを超えています。 chrome、devツールを使用する場合、ビューポートのサイズを変更すると、表示されるピクセルの量が正確に表示されます。

私の頭の上から離れて、あなたはあなたのメディアクエリを変更する必要があると言います。

@media screen and (max-width:787px){ 
.stats{ 
    display:none; 
} 
}