@media查询 - 为什么css规则否决了另一个?

时间:2012-09-25 13:30:54

标签: html css media-queries

我正在使用max-width: 768px;的媒体查询 并将元素的css规则设为left: 80px;

然后BENEATH我有另一个媒体查询,目标最大宽度为800px 并且我将相同的元素设置为left: 94px;

然而,当我将屏幕尺寸更改为较小的768并使用firebug进行检查时,left: 80px;的规则被删除,并且left: 94px;正在被跟踪。

任何想法为什么?

2 个答案:

答案 0 :(得分:1)

由于max-width 800px覆盖768px,因为您在768px后调用min-width,因此请使用{{1}}代替Arpit Srivastava

答案 1 :(得分:1)

由于max-width:800px覆盖768px,因为您在768px后调用min-width,因此请使用{{1}}代替