css - cssnano 从 css @media 查询中删除“all”属性

Question

我很好奇 cssnano 对媒体查询的作用是否可以。在我的css文件中，我有。

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

通过 cssnano 运行我的 css 后，它变成了这个 >

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

这在生产中使用安全吗？我似乎找不到任何地方说没有“全部”属性会使浏览器默认为全部，或者如果没有它对于将文件发送到生产环境是一件坏事？

Answer 1

我是作者；是的，它是有效的。我将向您推荐原始问题，但简而言之：

根据规范（示例 5）：

即这些是相同的：

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

就像这些：

@media (orientation: portrait) { … }
@media all and (orientation: portrait) { … }

在我看来，那些可以被剥夺...... [snip]

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