可以同时适应pc端、ipad端和手机移动端
/* pc端 */
@media screen and (min-width: 992px){
.box{
background-color: red;
}
}
/* ipad */
@media screen and (max-width: 992px) and (min-width: 768px){
.box{
background-color: green;
}
}
/* 移动端 */
@media screen and (max-width: 768px){
.box{
background-color: lightblue;
}
}