为什么我们经常只看到用于 Apple 和 Safari 网络浏览器的 Webkit css 标签？我们是否也应该使用其他渲染引擎标签？答案

【问题标题】：Why we often only see Webkit css tags that are for Apple's and Safari web browser? Should we use other rendering engine tags too?为什么我们经常只看到用于 Apple 和 Safari 网络浏览器的 Webkit css 标签？我们是否也应该使用其他渲染引擎标签？
【发布时间】：2018-07-18 09:05:30
【问题描述】：

既然不同的浏览器有不同的渲染引擎，为什么我们经常只使用苹果和Safari浏览器的Webkit CSS标签呢？我们是否也应该使用其他渲染引擎标签来使网页或电子邮件在所有主要浏览器中看起来都很好？比如 Chrome 的 Blink、FireFox 的 Gecko、Opera 的 Presto？

【问题讨论】：

我认为最好做相反的事情，从浏览器差异中抽象出来，通过使用众所周知的通用 css 或使用一些对程序员隐藏这些调整的框架。跨度>

标签： html css browser rendering

【解决方案1】：

一个著名的多浏览器最佳实践示例：

#id_of_element {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

来源：http://css3.bradshawenterprises.com/transitions/

【讨论】：