max-width 媒体查询的宽度错误

Question

所以我有一个 query.css 目前正在接受

@media only screen and (max-width: 1140px){
  .row,
  .hero-img{
    width: 100%;
  }
}

@media only screen and (max-width: 930px){
  /* code */ 
}

但是当浏览器（chrome）的宽度为 1023 时，它会注册 max-width:930px 媒体查询的代码。

有谁知道这里的问题是什么。我看到了其他相关的帖子，他们说要使用 min-width 和 meta 标签，我都这样做了，但仍然导致同样的问题。

此外，当我尝试将代码写入最大宽度为 1140 像素的媒体查询时，930 像素的媒体查询会覆盖那个。

Answer 1

试试这个

@media only screen and (max-width: 100%){
  .row,
  .hero-img{
    width: 100%;
  }
}

@media only screen and (max-width: 100%){
  /* code */ 
}