min-width 媒体查询总是触发，而 max-width 查询从不触发答案

【问题标题】：min-width media query always fires while max-width query never firesmin-width 媒体查询总是触发，而 max-width 查询从不触发
【发布时间】：2018-10-25 19:01:20
【问题描述】：

我正在尝试设置一个在屏幕宽度超过 600 像素时触发的媒体查询。出于某种原因，查询总是在设置为 min-width 时触发，而在设置为 max-width 时永远不会触发，无论在这两种情况下窗口实际有多宽。

#vision {
    font-size: 8rem;
}

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

【问题讨论】：

我们需要看看你的最大宽度是什么样的。
@eclipsis 我的意思是，如果我将语句从 min-width 更改为 max-width，则无论屏幕宽度如何，该规则都不会触发。我没有同时运行它们

标签： css

【解决方案1】：

我认为您提供的代码没有任何问题。

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

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

#vision {
  font-size: 8rem;
}

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

【讨论】：

你是对的，它工作正常......也许我的视图被放大了，我没有意识到？