/* 注意将 media 适配放到CSS文档最后 */
/* 默认 大型设备（手机，大于 1200px） */
/* 
    min-width 表示最小即：大于等于
    max-width 表示最大即：小于等于
*/

@media (max-width: 1200px) {
    /* 中型设备（台式电脑，1200px 以内） */
}

@media (max-width: 992px) {
    /* 小型设备（平板电脑，992px 以内） */
}

@media (max-width: 768px) {
    /* 超小设备（手机，768px 以内） */
}

@media (max-width: 576px) {
    /* 超小设备（手机，576px 以内） */
}