scss @media

• 屏幕宽度 小于等于 500px时 => #409EFF
• 屏幕宽度 大于 500px && 小于1024px时 => #67C23A
• 屏幕宽度 大于等于 1024px时 => #F56C6C

@media (max-width: 500px) {
    .container {
        background: #409EFF;
    }
}

@media (min-width: 501px) and (max-width: 1024px) {
    .container {
        background: #67C23A;
    }
}

@media (min-width: 1025px) {
    .container {
        background: #F56C6C;
    }
}