Bootstrap CSS 编码规范之媒体查询的位置

最新推荐文章于 2023-10-26 17:34:26 发布

ixygj197875

最新推荐文章于 2023-10-26 17:34:26 发布

阅读量661

点赞数

分类专栏： Bootstrap 教程文章标签： Bootstrap Bootstrap CSS 编码规范

本文链接：https://blog.csdn.net/ixygj197875/article/details/79604709

版权

154 篇文章 20 订阅

订阅专栏

遵守就近原则，将媒体查询放在相关规则的附近，不要将他们打包放在一个单一样式文件中，或者放在文档底部。如果你把他们分开了，将来只会被大家遗忘。下面给出一个典型的实例：

.element { ... }
.element-avatar { ... }
.element-selected { ... }
@media (min-width: 480px) {
.element { ...}
.element-avatar { ... }
.element-selected { ... }
}
关于作者
歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

关注