好吧,这是一个非常简单的问题,但是,我对此很好奇。
最近我发现,在一些现代(并且做得很好)的设计主题中,开发人员放弃了为 CSS 转换声明 -moz- 和 -o-(好吧忘记 -ms- 吧)。所以,而不是 i.g.拥有:
-webkit-transition: -webkit-transform 0.315s ease-in-out;
-moz-transition: -webkit-transform 0.315s ease-in-out;
-o-transition: -webkit-transform 0.315s ease-in-out;
transition: transform 0.315s ease-in-out;
他们只是使用:
-webkit-transition: -webkit-transform 0.315s ease-in-out;
transition: transform 0.315s ease-in-out;
这有充分的理由吗,还是他们根本不关心其他浏览器?是否可能是因为现代 Firefox 或 Opera 浏览器也可以使用无前缀的过渡?
我也很想在我的设计中实现更轻的版本 2,但我不确定。专业人士有什么解释吗?
最佳答案
取决于浏览器和它们的目标版本。就我的 Webkit 经验而言,如果标准化规则无法解析,Webkit 几乎总是会退回到 -webkit 注释。我已经编写了很多前端,但我还没有看到较新版本的 Firefox 使用 moz
注释,除非它是一个相当新的功能,例如 object-fit
或 过滤器
。
小建议:如果您正在运行 Gulp 或 Grunt,我建议您使用 CSS-autoprefixer
。此插件为您添加前缀。
关于css - 为什么有些开发人员忽略了 -moz- 和 -o- 转换声明?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36737261/