Html 什么时候在CSS中使用前缀-moz,-webkit,-o而不是简单的属性?

Html 什么时候在CSS中使用前缀-moz,-webkit,-o而不是简单的属性?,html,css,Html,Css,我们构建WordPress主题,我想知道是否有必要使用所有浏览器属性而不是一个 例如,我们为“transition”属性编写了以下内容: -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; 但我们只能使用它,正如我在所有浏览器的所有现代版

我们构建WordPress主题,我想知道是否有必要使用所有浏览器属性而不是一个

例如,我们为“transition”属性编写了以下内容:

-moz-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
但我们只能使用它,正如我在所有浏览器的所有现代版本中看到的那样:

transition: all 350ms ease-in-out;

为什么我们需要为每个浏览器编写具有相同值的所有属性?我们只想支持现代浏览器(例如,我们不需要支持Firefox4、Chrome5或IE7)。我们仍然需要使用所有属性还是只能使用一个?我看到不同的网站使用的方式不同,不知道谁是对的?当主题有很多CSS样式和选择器支持不同浏览器的不同前缀时,为每个浏览器添加所有属性需要很多时间。谢谢

当浏览器还不支持无前缀版本时使用它们。你可以通过访问像Mozilla或Mozilla这样的网站来判断浏览器是否支持它

不幸的是,对于开发人员来说,浏览器在不同的时间以不同的顺序实现功能,所有这些功能都具有不同的支持级别。这意味着我们将始终需要了解我们想要使用的功能的当前实现级别。这是做生意的成本


有一些框架可以进行功能检测,例如,但它们需要在安装、使用和实现优雅降级方面付出努力。

我喜欢使用,因为您可以看到所有css属性及其浏览器兼容性/前缀。

只需检查哪些浏览器版本支持无固定版本,找出你想要支持的。