@media screen and (max-width:240px){
.box{width:200px;}
.title{color:red;}
}
这里补充一个小知识点：
当出现区间时，即 500px<a<550px ===> 500px<=a<550px;
@media screen and (mix-width:240px) and (max-width:300px){
.box{width:200px;}
.title{color:red;}
}
//这里当页面宽度为240px时，满足条件；当宽度为300px时不满足条件。
