@media格式

@media screen and (max-width:240px){

.box{width:200px;}

.title{color:red;}

}

这里补充一个小知识点：

当出现区间时，即 500px ===> 500px<=a<550px;

@media screen and (mix-width:240px) and (max-width:300px){

    .box{width:200px;}

    .title{color:red;}

    }
    //这里当页面宽度为240px时，满足条件；当宽度为300px时不满足条件。