モバイルでメディアクエリが機能していません。 Css

Question

私はそれが長いことを知っていますが、私は風景のメディアクエリを持っています。これは、クロムエミュレータなどで正常に動作します..しかし、私はiPhoneとAndroid上でそれを見たときに、メディアクエリがで蹴りされていません。

@media screen and (orientation:landscape) and (max-height: 414px) { 
    #flip-container { 
     display: block; 
    } 
    .text { 
     display: none; 
    } 
    .nav { 
     display: none; 
    } 
    .logo { 
     display: none; 
    } 
} 

Answer 1

私はそれがあるため、最大高さのだと思います。 最大幅で試してみてください。

Answer 2

あなたは

@media screen and 
min-width: XXX px and 
max-width: XXX px and 
and (orientation:landscape) { 
//your css code 

} 

とiPhoneのために、私はシミュレータ用XCODEを使用し、それを持つ任意の問題があるかどうかを確認するためにそこにテストを指定することができます。 時々、ほとんどの場合、クロムエミュレータは正しく機能しません。

また、指定されたiPadをターゲットにしようとすると、iPadのメディアクエリを使用できます。