我使用媒体查询max-width: 768px;
并将元素的css规则设置为left: 80px;
然后在这下面我有另一个媒体查询，目标最大宽度为 800px，并且我将相同的元素设置为left: 94px;
但是，当我将屏幕尺寸更改为较小的 768 并使用萤火虫检查时，规则left: 80px;被划掉并且left: 94px;正在被遵循。
任何想法为什么？
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 回答