0

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

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

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

任何想法为什么?

4

2 回答 2

1

因为max-width 800px覆盖768px,因为你在768px使用它之后调用min-width它 – Arpit Srivastava

于 2012-09-25T13:42:30.233 回答
1

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

于 2012-09-25T13:43:07.487 回答