2017-07-26 83 views
0

我很好奇cssnano对媒体查询的做法是否正确。在我的css文件中,我有。cssnano从css @media查询中删除“all”属性查询

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

通过cssnano运行我的CSS后,把它这个>

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

这是安全生产中使用?我似乎无法找到任何地方,它说没有“全部”属性使浏览器默认为全部或者如果没有它是一个坏的东西发送到生产文件?

回答

2

我是作者;是的,这是有效的。我将把你原来的问题,但概括地说:

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

+0

谢谢你@欣赏这些信息。快速提问。如果我正在阅读所有信息,通过不在样式表中单独使用或全部使用,可以使文件媒体查询与旧版浏览器更好地兼容,因为它们无法处理“仅”或“全部”部分,并且无法准备好查询。我理解这个权利吗? – grimesd

+1

我记得是这样,但我不知道我的记忆是否在这个问题上为我服务;深入探究规范早在2001年的确将“仅”列为媒体查询语法的一部分 - https://www.w3.org/TR/2001/WD-css3-mediaqueries-20010404/#media0 - 但我没有支持的来源。媒体查询的最佳来源是http://caniuse.com/#feat=css-mediaqueries;如果你需要的话,我不会过于担心浏览器支持太多,对于IE浏览器,那么有条件的评论仍然适用。 – Ben

+1

刚才看到这个规范:“媒体查询中允许使用关键字”only“和”not“作为一种避免传统用户代理应用样式表的方式,而不需要设备满足媒体查询的其他条件。因为“only”和“not”不是HTML4中的媒体类型。“ - 是的,确实如此。 :-) – Ben