媒体查询

2025-08-06 15:06 更新

尽量将媒体查询的规则靠近与他们相关的规则,不要将他们一起放到一个独立的样式文件中,或者丢在文档的最底部,这样做只会让大家以后更容易忘记他们。

示例代码

.element {
    ...
}


.element-avatar{
    ...
}


@media (min-width: 480px) {
    .element {
        ...
    }


    .element-avatar {
        ...
    }
}
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号