css - 为什么有些开发人员忽略了 -moz- 和 -o- 转换声明?

标签 css css-transitions prefix

好吧,这是一个非常简单的问题,但是,我对此很好奇。

最近我发现,在一些现代(并且做得很好)的设计主题中,开发人员放弃了为 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/

相关文章:

IE 中的 CSS3 转换

xslt - 使用 XSLT 1.0 输出多个 namespace 定义

java - JPA:有什么方法可以向约束名称添加全局前缀吗?

css - 当在 slider 缩略图上方时,子菜单会在悬停时消失

html - 无法将品牌移动到 Bootstrap 3 导航栏中导航上方的自己的行

webkit 中的 CSS 转换

javascript - 如何在同一页面中使用 javascript 更改 <div> 标记的可见性?

C# 在 xml 中合并命名空间引用

html - 文本区域以外的 html 标记\n 被正确解释

css - 如何理解CSS中的绝对长度?