Microsoft Edge,Media Query无效

时间:2017-09-09 13:31:58

标签: css google-chrome media-queries microsoft-edge


我在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 ; 
} 
} 

1 个答案:

答案 0 :(得分:2)

看起来Edge需要一个没有媒体查询的类,所以我添加了\n并且它有效。