笔者在工作实践中发现当需要CSS兼容不同的浏览器时，需要在CSS样式前加上不同的前缀，从而使其他浏览器也能够达到相同的页面效果。

那么我们怎么去加上这些前缀呢？我们一起带着疑问来进行学习：

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

1、前缀分为：-webkit-，-ms-，-moz-，-o-

-webkit-：主要兼容的浏览器是：谷歌的Chrome和苹果的Safari浏览器；

-ms-：主要兼容的浏览器是：微软的Internet Explorer、Edge浏览器；

-moz-：主要兼容的浏览器是：火狐的Firefox浏览器；

-o-：主要兼容的浏览器是：欧朋的Opera浏览器。

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄