媒体查询未应用于任何屏幕大小

Question

我正在尝试创建移动优先媒体查询。但是在chrome dev屏幕模拟器中，我注意到背景颜色red显示所有屏幕尺寸。

body{
  background-color: black;
  margin: 0;
}

@media (min-width:576px) {
  body{
    background-color: green;
    margin: 0;
  } 
}

@media (min-width:768px) {
  body{
    background-color: red;
    margin: 0;
  }  
}

@media (min-width:992px) {
  body{
    background-color: pink;
    margin: 0;
  }  
 }

 @media (min-width:1200px) {
  body{
    background-color: blue;
    margin: 0;
  }
 }