兼容不同浏览器的CSS前缀-webkit-,-ms-,-moz-,-o-

时间:2021-09-13 03:25:19

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

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

1、前缀分为:-webkit-,-ms-,-moz-,-o-

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

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

-moz-:主要兼容的浏览器是:火狐的Firefox浏览器;

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