为什么要使用浏览器引擎前缀？

不同浏览的厂商，使用的渲染引擎各有不同
浏览器厂商会给实验性或非标准的css属性添加前缀
为了兼容老版本，我们在写css时，可以加上常用浏览器对应的厂商前缀

注意，把不带前缀的版本放在最后

常用浏览器引擎前缀：

-moz- （火狐浏览器）
-webkit- （谷歌，Safari，新版 Opera 浏览器，以及几乎所有 iOS 系统中的浏览器）
-o- （旧版 Opera 浏览器）
-ms- （IE 浏览器 和 Edge 浏览器）

写法展示：

 .box {
      -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
      -ms-border-radius: 10px;
    border-radius: 10px;
}