進度條

[Css] 方便的Responsive @media 寫法

更新日期:

可以利用CSS 後面宣告會蓋掉前面的特性
這樣media就不用寫得很複雜

.yourClass{...}

@media (min-width: 768px) { 
.yourClass{...}
}

@media (min-width: 1200px) { 
.yourClass{...}
}


這是bootstrap 3 的原始碼的一部分
有興趣的話可以看一下敘述
研究一個既有的Framework如何實現功能有時候會是比較快讓自己理解的方式
https://getbootstrap.com/css/#grid-media-queries