媒体查询位置

标签：width   min   stylus   案例   ...   cto   位置   ber   media   

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

.element { ... }
.element-avatar { ... }
.element-selected { ... }

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

媒体查询位置

标签：width   min   stylus   案例   ...   cto   位置   ber   media   

原文地址：http://www.cnblogs.com/guangyuan/p/7077529.html