Maximaler und minimaler Wert für Höhe und Breite auf iframe

Question

Sie haben Media Queries für Iframe getan. Diese beiden Medien-Anfragen unten arbeitet für iframe in Ordnung, wenn die Bearbeitung der Höhe und Breite

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

jedoch, wenn Abfragen auf htc Telefon funktioniert es nicht mit seiner Größe alles tun .. min-device-width: 360px) und (max -Gerät-width: 640px)

Hier ist mein Code

@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; 
    } 


} 

auch die Hintergrundfarben nicht funktioniert, wenn versuchen, eine Fehlersuche zu tun

Answer 1

Es kann sein, dass das Gerät eine hohe Auflösung hat und somit keine Abfragen ausgelöst werden. Versuchen Sie, die resolution units on your media queries anzugeben.

Ansonsten einfach min-height und min-width Medienabfragen verwenden. Sie sind zuverlässiger.