SCSS如果字體大小大於X，請使用Y

Question

SCSS中可以使用嗎？我需要的是，如果任何字體大於30px，請使用22px（在媒體查詢中，最大寬度爲480px）

Answer 1

如果您知道哪些選擇器的字體大小爲30px或更多，則只需要將其覆蓋給定媒體查詢。

.one{ 
    font-size: 50px; 
} 

.two{ 
    font-size: 33px; 
} 

@media (max-width: 480px){ 
    .one, .two{ 
     font-size: 22px; 
    } 
}