Css 使用供应商特定的前缀而不是“quot;”有什么意义吗-webkit-“网络工具包”;至于;过渡;?

Css 使用供应商特定的前缀而不是“quot;”有什么意义吗-webkit-“网络工具包”;至于;过渡;?,css,css-transitions,vendor-prefix,Css,Css Transitions,Vendor Prefix,在我参加的课程中,我发现了以下内容(摘录): 然而,据《每日邮报》报道,除了-webkit-之外,使用其他特定于浏览器的前缀似乎没有任何意义。IE、FireFox和Opera的较新版本始终支持此属性,而较旧版本从不支持此属性。因此,在我看来,以-moz-、-o-和-ms-开头的行在任何情况下都不会影响页面显示。从现在起,我是否可以在转换的情况下始终忽略这些?还是我误解了什么?还是表不正确?Firefox直到v15需要-moz前缀,并在v12之前运行-o(在本例中,-ms前缀是无意义的)*。因此,

在我参加的课程中,我发现了以下内容(摘录):


然而,据《每日邮报》报道,除了
-webkit-
之外,使用其他特定于浏览器的前缀似乎没有任何意义。IE、FireFox和Opera的较新版本始终支持此属性,而较旧版本从不支持此属性。因此,在我看来,以
-moz-
-o-
-ms-
开头的行在任何情况下都不会影响页面显示。从现在起,我是否可以在
转换的情况下始终忽略这些?还是我误解了什么?还是表不正确?

Firefox直到v15需要
-moz
前缀,并在v12之前运行
-o
(在本例中,
-ms
前缀是无意义的)*。因此,您可以删除这些前缀,并且在所有浏览器的最新版本中看不到任何差异,这是正确的。但是,您可能会发现,这些稍旧的版本仍然构成了任何特定站点的大量访问者

我建议在需要前缀的浏览器版本完全过时之前,将其包括在内。这样,你就知道他们只占你访客的一小部分。例如,不再需要为
border radius
添加前缀:Firefox支持无前缀版本,一直支持v3.6,Chrome支持v4

您可以使用或(如果其中任何一个适合您的工作流程)之类的工具来为您解决这个问题

编辑-我个人并不使用前缀自由,因为我和OP一样,在使用JavaScript创建样式时犹豫不决,因为这不是绝对必要的。如果SASS/Compass不是一个选项,我建议使用Sublime文本。这样,您只需担心手工编写无前缀的版本,但仍然会在样式表中发送完全带前缀的版本


*这些统计数据来自,您只需单击兼容性表左上角的“显示所有版本”链接,即可查看所有浏览器的信息。

不是对您的问题的回答,但对于供应商前缀Trunble,您可以使用无前缀。js@Florija:你的意思是用jQuery添加这样的CSS吗?在我的课程中,他们刚刚告诉我,在没有Javascript的CSS中可以做的任何事情,没有Javascript都会做得更好,因为“纯”CSS的性能更好。这就是我第一次提出这个问题的原因。我确实同意你应该编写简短的纯CSS,但就我个人而言,为渐变、动画和样式添加所有供应商前缀(尤其是对于较旧的浏览器)是一件麻烦的事。感谢你的贡献!但是你从哪里得到的信息?没有提到对
-moz-
-o-
扩展的任何使用。您不担心使用jQuery时,无前缀可能会比绕过特定于供应商的CSS更慢页面的呈现吗?酷,我错过了“所有版本”链接!但我不明白为什么您希望在没有严格必要的情况下避免使用Javascript。对我(作为一个新手)来说,它看起来非常可读,代码很短,而且非常强大和灵活。我不认为性能会大幅下降,只有(非常)一小部分在线用户使用禁用Javascript的浏览器,对吗?因为我们有一个样式化工具:CSS。可能只有少数没有JavaScript的用户,但如果他们的连接速度很慢,下载jQuery需要几秒钟怎么办?这是一个不必要的半样式内容(FoSSC!?)闪现。我并不反对在这个例子中有很好的论据,我只是更喜欢从JS保留样式,除非绝对必要,所以我更喜欢那些解决问题的工具(上面链接的),但要确保样式表本身包含样式。
p.box{
-webkit-transition: border-radius 1s;
-moz-transition: border-radius 1s;
-o-transition: border-radius 1s;
-ms-transition: border-radius 1s;
transition: border-radius 1s;
}

p.rounded{
border-radius:50px;
}