html - 按媒体屏幕宽度的 CSS View

Question

我有我的 CSS 文件，如下所示:

.topBarBox{
    background-color:black;
}

@media screen and (max-width: 900px) {
  .topBarBox{
     background-color:blue;
  }
}

无论屏幕尺寸如何，div 的背景颜色都是黑色。我在这里做错了什么吗？

Answer 1

更改您的媒体查询

@media only screen and (max-width : 900px)  {
.topBarBox{
     background-color:blue;
  }
}