1. 程式人生 > >媒體查詢位置

媒體查詢位置

-s class 樣式 規則 attr 查詢 底部 案例 idt

盡量將媒體查詢的位置靠近他們相關的規則。不要將他們一起放到一個獨立的樣式文件中,或者丟在文檔的最底部。這樣做只會讓大家以後更容易忘記他們。這裏是一個典型的案例。

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

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

媒體查詢位置