css - @media 两种不同的分辨率

Question

我在 CSS 中有这一行:

icons span{
width: 25px;
height: 25px;
margin-left: -3px;

然后

@media (min-width: 1200px){
.icons span{
  margin-left: 6px;
}

现在我想为 991px 及以下的宽度再次设置 margin-left:6px 吗？在这个例子中我该怎么做？

Answer 1

您可以向您的 css 添加更多媒体。
尝试在你的媒体之后添加这个

@media (max-width: 991px){
.os-icons span{
  margin-left: 6px;
}

如果你想使用 OR 条件，你可以使用逗号分隔符来指定，如下所示:

@media (min-width: 1200px), (max-width: 991px){
    .os-icons span{
      margin-left: 6px;
     }
 }