- 屏幕宽度
小于等于
500px
时 =>#409EFF
- 屏幕宽度
大于
500px && 小于1024px
时 =>#67C23A
- 屏幕宽度
大于等于
1024px
时 =>#F56C6C
@media (max- 500px) {
.container {
background: #409EFF;
}
}
@media (min- 501px) and (max- 1024px) {
.container {
background: #67C23A;
}
}
@media (min- 1025px) {
.container {
background: #F56C6C;
}
}