css - 媒体查询未应用于任何屏幕尺寸

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;
  }
 }

标签： css