我使用媒体查询max-width: 768px;
并将元素的css规则设置为left: 80px;
然后在这下面我有另一个媒体查询,目标最大宽度为 800px,并且我将相同的元素设置为left: 94px;
但是,当我将屏幕尺寸更改为较小的 768 并使用萤火虫检查时,规则left: 80px;
被划掉并且left: 94px;
正在被遵循。
任何想法为什么?
我使用媒体查询max-width: 768px;
并将元素的css规则设置为left: 80px;
然后在这下面我有另一个媒体查询,目标最大宽度为 800px,并且我将相同的元素设置为left: 94px;
但是,当我将屏幕尺寸更改为较小的 768 并使用萤火虫检查时,规则left: 80px;
被划掉并且left: 94px;
正在被遵循。
任何想法为什么?
因为max-width 800px
覆盖768px
,因为你在768px
使用它之后调用min-width
它 – Arpit Srivastava
因为max-width:800px
覆盖768px
是因为你在调用它之后768px
所以使用min-width
它来代替它