媒体查询不适用于＆lt; 480

Question

我正在使用简单的css代码，其他人正在使用。

@media (min-width: 480px){
 .image { 
  margin-left: 249px;
 }
}
@media(min-width:985px){
    .col-md-3  {
    width: 207px;
    float: left;
    margin-left: 11px;
    }
}

如果屏幕低于或低于985，但是当我将浏览器设置为480及以下时则不行。

我做错了什么？

Answer 1

您的第一条规则是min-width: 480px，因此仅当宽度为480px或更高时才会有效。

对于＆＃34; 480以及＆＃34;使用max-width: 480px代替