我在Google Chrome上成功测试了此媒体查询,但不知何故Microsoft Edge存在问题。这个查询有问题吗?或者它只是Microsoft Edge中的一个Bug?
更新:看起来Edge需要一个没有媒体查询的类,所以我添加了.height-fix{height:650px}
并且它有效。
为什么我需要这个查询?我用它来防止英雄图像滑块的内容跳跃。我需要它才能开始使用Edge :(
@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;
}
}
这是不起作用的查询,它应该针对高度超过768像素且宽度超过1367像素的设备:
@media (min-height:768px) and (min-width:1367px) {
.height-fix {
height : 650px;
}
}
@media (max-height:768px) and (min-width:1366px) and (max-width:1366px) {
.height-fix {
height : 520px !important ;
}
}
答案 0 :(得分:2)
看起来Edge需要一个没有媒体查询的类,所以我添加了\n
并且它有效。