Skip to content

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

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

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

Activity

chang229

chang229 commented on May 22, 2019

@chang229

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

DingkeXue

DingkeXue commented on Aug 14, 2019

@DingkeXue

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

Konata9

Konata9 commented on Aug 31, 2019

@Konata9

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

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

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

blueRoach

blueRoach commented on Jul 7, 2020

@blueRoach

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

CoderLeiShuo

CoderLeiShuo commented on Aug 13, 2020

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

smile-2008

smile-2008 commented on Oct 22, 2020

@smile-2008

完善一下:
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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @smile-2008@haizhilin2013@Konata9@blueRoach@chang229

        Issue actions

          [css] 第36天 写出主流浏览器内核私有属性的css前缀 · Issue #133 · haizlin/fe-interview