@media 查询 - 为什么 css 规则会否决另一个规则？答案

【问题标题】：@media queries - why does css rule overrule another?@media 查询 - 为什么 css 规则会否决另一个规则？
【发布时间】：2012-09-25 21:45:30
【问题描述】：

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

然后在这下面我有另一个针对最大宽度为 800 像素的媒体查询并且我将相同的元素设置为left: 94px;

但是，当我将屏幕尺寸更改为较小的 768 并使用萤火虫检查时，left: 80px; 的规则被划掉，left: 94px; 正在被遵循。

有什么想法吗？

【问题讨论】：

【解决方案1】：

因为max-width:800px 覆盖768px 因为你在768px 之后调用它所以使用min-width 代替它

【讨论】：

【解决方案2】：

因为max-width 800px 覆盖768px 因为你在768px 之后调用它所以使用min-width 代替它 - Arpit Srivastava

【讨论】：