css - Css3メディアクエリが読み込まれません

Question

このメディアクエリをメインのcssファイルに追加します。iPadにページを読み込もうとすると、以下のスタイル付きメディアクエリが表示されません。これが起こっている理由は何ですか？

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #main_rgt {
        width: 440px;
        height: 495px;
        float: left;
        overflow: visible;
    }
    .chkbox3 .chkpos {
        float: right;
        margin-right: 10px;    
    }
}

Answer 1

これをあなたのページの頭に入れてみてください。

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

Answer 2

この @media クエリで他の CSS ルール (iPad には適用されません) をオーバーライドする場合は、これらのルールの後に配置するか、より具体的にする必要があります。

Answer 3

これを使用すると、役立つはずです

@media only screen and (min-width: 768px) and (max-width: 991px) {
    enter style here
}