html - Media Query は Firefox では機能しますが、Chrome では機能しません

Question

1024px から 1280px の間の画面サイズにスタイルを追加したいので、次のメディア クエリを使用しています。

@media only screen and (min-width: 1024px) and (max-width: 1279px) {

私の画面サイズは1280pxです。Firefox は、上記のクエリで追加されたスタイルを表示しません (それは正しいです) が、1280px の画面サイズで Chrome を閲覧すると、上記のメディア クエリで追加されたスタイルが表示されます。

1280px の画面の Chrome に、上記のメディア クエリで追加されたスタイルが表示されるのはなぜですか? 上記のクエリをChromeでも修正するにはどうすればよいですか? ありがとう。

Answer 1

メディア クエリで問題が発生する理由がよくわかりません。適切にスタイリングしていない可能性があります。

必須の JSFiddleはこちら

body { background: red; }  
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    body { background: blue; }
}                                                         

3つの異なるタイプの画面で Google Chrome を使用してテストしまし た
。