最小宽度媒体查询以不正确的指定数量显示

Question

这是一个非常奇怪的问题，因为我在几个月内没有遇到任何媒体查询问题，但是这个问题让我很难过。

我有一个简单的最小宽度定义，如果有足够的宽度，则在标题中显示用户名：

.userFullName {
  @media screen and (min-width: 800px) {
    display: inline-block;
  }
}

不幸的是，根据Chrome的统治者，媒体查询只能以1000px的速度应用。在999px及以下时，它会消失......所以它看起来完全没有200像素。

我发布图片以显示我的意思，但我没有足够的代表。

我不明白为什么会这样做。有任何想法吗？谢谢！

Answer 1

我认为你必须这样写

 @media screen and (min-width: 800px) {
    .userFullName {display: inline-block;
}  
}

否则请检查是否存在覆盖此内容的任何其他媒体查询。