错误考虑的媒体查询

Question

我对媒体查询有疑问。我试图在小提琴上复制它，但没有成功。很抱歉，如果您没有小提琴。由于我已经搜索了很多时间，所以我只希望您能给我一些解决方法的想法。 我有那些媒体查询

@media (min-width: 576px) {
  input, textarea, .invalid-feedback {
    width: 22vw;
  }
}  

@media (min-width: 768px) {
  input, textarea, .invalid-feedback {
    width: min(16.66vw, 200px);
  } 
} 

当我以782px及以下的宽度显示屏幕时，会考虑使用媒体查询@media（最小宽度：576px），这是不正常的。你有个主意吗？

编辑

我认为媒体查询存在问题。我尝试了以下

@media (min-width: 576px) {
  input, textarea, .invalid-feedback {
    width: 22vw;
  }
  body {
    background-color: red !important;
  }  
}  

@media (min-width: 768px) {
  input, textarea, .invalid-feedback {
    width: min(16.66vw, 200px);
  }
  body {
    background-color: green !important;
  }   
} 

当我的尺寸为779px时，我看不到红色或绿色的背景色