css媒体查询的使用

发布日期:2023-05-26 浏览次数:1

1、尽量把媒体查询放在相关规则附近,不要放在文档底部,否则很容易被后来维护的人遗忘。

2、媒体查询针对每一个种屏幕(大、中、小)的分别单独组织为一个文件。

实例

.element {
}
.element-avatar {
}
.element-selected {
}
/* base-media-small.css */
@media (min-width: 480px) {
     .element {
    }
     .element-avatar {
    }
     .element-selected {
    }
}
如果您有什么问题,欢迎咨询技术员 在线沟通