【问题标题】: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;
  }
}

【讨论】:

  • 你是对的,它工作正常......也许我的视图被放大了,我没有意识到?
猜你喜欢
  • 1970-01-01
  • 2013-02-22
  • 1970-01-01
  • 2013-04-27
  • 2013-12-01
  • 2017-06-30
  • 2014-08-18
  • 2011-11-09
  • 2013-02-28
相关资源
最近更新 更多