媒体查询中的两个最大宽度

Question

我看到有人在代码中使用它，并想知道这将如何工作。我见过最小宽度和最大宽度但从未这样。这是否仅表示宽度小于460px时运行，使得768px max-width参数无关紧要？

@media (max-width: 768px) and (max-width: 460px) {
 CSS goes here
}

Answer 1

这不是一件特别的事情，它将采用最小的最大宽度

https://jsfiddle.net/

＆＃13;

＆＃13;

.dog {
  background: green;
  height: 200px;
  width: 200px
}

.width {
  height: 30px;
  background: blue;
  width: 460px;
}
@media (max-width: 460px) and (max-width: 768px) {

  .dog {
    background: red;
  }

}

＆＃13;

<div class="width" width="460px">

</div>
<div class="dog">

</div>

＆＃13;

＆＃13;

＆＃13;