Fe-interview: [css] 第36天 写出主流浏览器内核私有属性的css前缀

Created on 21 May 2019  ·  6Comments  ·  Source: haizlin/fe-interview

第36天 写出主流浏览器内核私有属性的css前缀

css

Most helpful comment

-webkit-
-o-
-moz-
-ms-

All 6 comments

-webkit-
-o-
-moz-
-ms-

完善一下:
Chrome:Blink内核   -webkit-
 Safari:WebKit内核       -webkit-
 Firefox :Gecko内核      -moz-
 IE:Trident内核           -ms-
 Opera:Presto内核         -o-

现在用 scss 等预处理器用多了,前缀确实不怎么关注了。

-webkit- (谷歌, Safari, 新版 Opera 浏览器等)
-moz- (火狐浏览器)
-o- (旧版 Opera 浏览器等)
-ms- (IE 浏览器 和 Edge 浏览器)

参考文档:
浏览器引擎前缀

-webkit- google、safari、新版opera
-o- 旧版opera
-moz- firefox
-ms- IE

浏览器 | 内核 | CSS前缀
-- | -- | --
Chrome | Blink内核(新) | -webkit-
Firefox | Gecko内核 | -moz-
Safari | Webkit内核 | -webkit-
Opera | Webkit内核(新) | -o-
IE/Edge | Trident内核 | -ms-

Tips:

谷歌(新的内核为Blink)、Safari,新版Opera浏览器,以及几乎所有IOS系统中的浏览器(包括IOS中的火狐浏览器),简单的说,所有基于WebKit内核的浏览器的前缀都采用-webkit-

完善一下:
Chrome:Blink内核 -webkit-
Safari:WebKit内核 -webkit-
Firefox :Gecko内核 -moz-
IE:Trident内核 -ms-
Opera:Presto内核 -o-

Was this page helpful?
0 / 5 - 0 ratings