iframeの高さと幅の最大値と最小値

Question

メディアを実行していますIframeのクエリ。 360px）と（最大：高さと幅

min-device-width: 768px) and(max-device-width: 1024px) 
min-device-width: 600px) and (max-device-width: 960px) 

を編集するときに、以下のこの2つのメディアクエリーは、しかしとき、それは、そのサイズで何もしないHTCの携帯電話.. 分-デバイス幅の問合せのiframeのために正常に動作します-device-幅：640ピクセル）ここ

は私のコード

@media screen and (min-width: 360px) and (max-width: 640px),(min-device-width: 360px)and 
(max-device-width: 640px) and (orientation : landscape) 
{ 
    /* CSS */ 

    .wrap{ 
     width:75%; 
    } 
    .iframe { 
    max-height:30vh; 
    max-width:30%; 
    } 
    .html{ 

     background-color:red; 
    } 


} 

も、背景色ではない試みは、トラブルシューティングを行うに際に取り組んで

Answer 1

デバイスが高解像度である可能性があり、したがってクエリがトリガされることはありません。 resolution units on your media queriesを指定してください。

それ以外の場合は、min-heightとmin-widthのメディアクエリを使用してください。彼らはより信頼できます。