Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
haizhilin2013 opened this issue May 21, 2019 · 6 comments
Open
Labels
css css

Comments

@haizhilin2013
Copy link
Collaborator

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

@haizhilin2013 haizhilin2013 added the css css label May 21, 2019
@chang229
Copy link

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

@DingkeXue
Copy link

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

@Konata9
Copy link

Konata9 commented Aug 31, 2019

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

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

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

@blueRoach
Copy link

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

@CoderLeiShuo
Copy link

CoderLeiShuo commented Aug 13, 2020

浏览器 内核 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-

@MrZ2019
Copy link

MrZ2019 commented Oct 22, 2020

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css css
Projects
None yet
Development

No branches or pull requests

7 participants