最小宽度媒体查询始终触发，而最大宽度查询始终不触发

Question

我正在尝试设置一个媒体查询，该查询在屏幕宽于600像素时触发。由于某种原因，无论在哪种情况下窗口实际有多宽，该查询始终在设置为min-width时触发，而在设置为max-width时永远不会触发。

#vision {
    font-size: 8rem;
}

@media screen
and (min-width: 600px) {
    #vision {
        font-size: 7rem;
    }
}

Answer 1

我看不到您提供的代码有什么问题。

我的测试：https://jsfiddle.net/wp8z9aue/

<h1 id="vision">Test</h1>

#vision {
  font-size: 8rem;
}

@media screen and (min-width: 600px) {
  #vision {
    font-size: 7rem;
  }
}