媒體功能範圍符號

為媒體功能範圍指定內容或前綴符號。

@media (width >= 600px) and (min-width: 600px) {}
/**    ↑                    ↑
 *     These media feature notations */

範圍類型的媒體功能可以使用前綴符號或更現代的內容符號來撰寫。

因為 min- 和 max- 都等於包含數值的範圍比較，所以它們在某些情況下可能會受到限制。

message 次要選項可以接受此規則的參數。

fix 選項可以自動修正此規則報告的一些問題。

選項

字串："context"|"prefix"

媒體功能範圍務必總是使用內容符號。

下列模式被視為問題

@media (min-width: 1px) {}

@media (min-width: 1px) and (max-width: 2px) {}

下列模式不是被視為問題

@media (width >= 1px) {}

@media (1px <= width <= 2px) {}

媒體功能範圍務必總是使用前綴符號。

下列模式被視為問題

@media (width >= 1px) {}

@media (1px <= width <= 2px) {}

下列模式不是被視為問題

@media (min-width: 1px) {}

@media (min-width: 1px) and (max-width: 2px) {}