cssnano從css @media查詢中刪除「all」屬性查詢

我很好奇cssnano對媒體查詢的做法是否正確。在我的css文件中，我有。cssnano從css @media查詢中刪除「all」屬性查詢

@media all and (min-width: 600px) {}

通過cssnano運行我的CSS後，把它這個>

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

這是安全生產中使用？我似乎無法找到任何地方，它說沒有「全部」屬性使瀏覽器默認爲全部或者如果沒有它是一個壞的東西發送到生產文件？

來源

2017-07-26 grimesd

我是作者;是的，這是有效的。我將把你原來的問題，但概括地說：

每spec（例如5）：
即這些是相同的：
@media all and (min-width:500px) { … } 
@media (min-width:500px) { … } 
由於有這些：
@media (orientation: portrait) { … } 
@media all and (orientation: portrait) { … } 
在我看來，那些可能被剝奪...... [剪斷]

https://github.com/ben-eb/cssnano/issues/215

來源

2017-07-26 02:29:53 Ben

謝謝你@欣賞這些信息。快速提問。如果我正在閱讀所有信息，通過不在樣式表中單獨使用或全部使用，可以使文件媒體查詢與舊版瀏覽器更好地兼容，因爲它們無法處理「僅」或「全部」部分，並且無法準備好查詢。我理解這個權利嗎？ – grimesd

我記得是這樣，但我不知道我的記憶是否在這個問題上爲我服務;深入探究規範早在2001年的確將「僅」列爲媒體查詢語法的一部分 - https://www.w3.org/TR/2001/WD-css3-mediaqueries-20010404/#media0 - 但我沒有支持的來源。媒體查詢的最佳來源是http://caniuse.com/#feat=css-mediaqueries;如果你需要的話，我不會過於擔心瀏覽器支持太多，對於IE瀏覽器，那麼有條件的評論仍然適用。 – Ben

剛纔看到這個規範：「媒體查詢中允許使用關鍵字」only「和」not「作爲一種避免傳統用戶代理應用樣式表的方式，而不需要設備滿足媒體查詢的其他條件。因爲「only」和「not」不是HTML4中的媒體類型。「 - 是的，確實如此。 :-) – Ben

cssnano從css @media查詢中刪除「all」屬性查詢

回答

相關問題