Susy媒體查詢輸出＆「屏幕」

Question

Susy是否有一個特殊的原因是它的媒體查詢不使用通用的@media screen and (min-width: 460px)語法？

（或也許這是更好地問，「爲什麼幾乎每個人都使用他們的媒體查詢@media screen或@media only screen？」）

Answer 1

從MDN報價，https://developer.mozilla.org/en/docs/CSS/Media_queries

唯一關鍵字阻止舊版本瀏覽器不支持媒體功能的媒體 應用給定樣式。

所以如果你使用only關鍵字不支持媒體查詢的舊的瀏覽器會忽略該行所有。我想大多數的我們使用填充工具對媒體查詢，例如respond.js的時間，所以這是一個相當安全的忽略only關鍵字。