iframe上高度和宽度的最大值和最小值

Question

一直在为Iframe执行媒体查询。当编辑高度和宽度时，下面的两个媒体查询对iframe来说很好

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

然而，当在htc手机上查询时，它不会对其大小做任何事情。。最小设备宽度：360px）和（最大设备宽度：640px）

这是我的代码

@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

这可能是由于设备的高分辨率，因此查询永远不会被触发。请尝试在媒体查询中指定分辨率单位。

否则，只使用min-height和min-width媒体查询。它们更可靠。