我在 Google Chrome 上成功测试了此媒体查询,但不知何故 Microsoft Edge 存在问题。这些查询有问题吗?或者这只是 Microsoft Edge 中的一个错误?
UPDATE:
看起来 Edge 需要一个没有媒体查询的类,所以我添加了.height-fix{height:650px}
它有效。
@media all and (min-width:875px) and (max-width:980px) {
.height-fix {
height : 610px;
}
}
@media all and (min-width:768px) and (max-width:875px) {
.height-fix {
height : 575px;
}
}
@media (max-height:768px) and (min-width:1366px) and (max-width:1366px) {
.height-fix {
height : 520px !important ;
}
}
这是不起作用的媒体查询,它应该以带有height
OVER768 像素和width
OVER 1367px:
@media (min-height:768px) and (min-width:1367px) {
.height-fix {
height : 650px; //this line doesn't apply
}
}
如果该类没有,则 Microsoft Edge 似乎存在媒体查询问题fallback
这意味着如果仅在媒体查询中指定 css 类,它有时将无法正常工作。
所以如果 CSS 看起来像这样:
@media (max-width(123px){
.height-fix {
height: 650px
}
}
它不会起作用。
它应该看起来像这样:
.height-fix{
height: 100px
}
@media (max-width(123px){
.height-fix {
height: 650px
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)