如果我為每個班級進行單獨的媒體查詢，會不會使網站變慢？
我的意思是寫
.class1 {
/* rules */
}
@media only screen and (max-width: 800px) {
.class1 {
/* rules */
}
}
.class2 {
/* rules */
}
@media only screen and (max-width: 800px) {
.class2 {
/* rules */
}
}
而不是（我到處都能看到）
.class1 {
/* rules */
}
.class2 {
/* rules */
}
@media only screen and (max-width: 800px) {
.class1 {
/* rules */
}
.class2 {
/* rules */
}
}
uj5u.com熱心網友回復：
擁有多個媒體查詢不應影響性能。但是，如果您的專案會擴展并且添加許多查詢將增加 CSS 檔案的大小，這可能會影響站點的性能。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/355519.html