博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css3中-moz、-ms、-webkit,-o分别代表的意思,以及微信浏览器内核分析
阅读量:6482 次
发布时间:2019-06-23

本文共 1305 字,大约阅读时间需要 4 分钟。

这种方式在业界上统称:识别码、前缀

//-ms代表【ie】内核识别码

//-moz代表火狐【firefox】内核识别码

//-webkit代表谷歌【chrome】/苹果【safari】内核识别码

//-o代表欧朋【opera】内核识别码

用法:

-ms-transform:rotate(7deg); 

-moz-transform:rotate(7deg); 
-webkit-transform:rotate(7deg); 
-o-transform:rotate(7deg); 
transform:rotate(7deg); //统一标识语句,符合w3c标准

为什么要加识别码:

在标准还未确定时,部分浏览器已经根据最初草案实现了部分功能,为了与之后确定下来的标准进行兼容,所以每种浏览器使用了自己的私有前缀与标准进行区分,当标准确立后,各大浏览器将逐步支持不带前缀的css3新属性。

目前已有很多私有前缀可以不写了,但为了兼容老版本的浏览器,可以仍沿用私有前缀和标准方法,逐渐过渡。

再进一步看前缀对应的内核:

上面说了-webkit对应的是谷歌/苹果的内核,这样的说法是不够具体的,下面是更正后的说法:

Gecko内核,css前缀为"-moz-",火狐浏览器

WebKit内核,css前缀为"-webkit-",Comodo Drangon(科摩多龙),苹果,安卓,搜狗高速浏览器3,快快浏览器,枫树浏览器,云游浏览器,360极速浏览器,世界之窗极速版,SRWare Iron,猎豹浏览器,RockMelt,QQ浏览器

Blink内核,css前缀为"-webkit-",Blink是一个由Google和Opera Software开发的浏览器排版引擎,Google的新内核,支持以前的全部前缀

关于Blink内核前缀问题,参考:

Presto内核,css前缀为"-o-",Opera(欧朋),NDSBrowser

Trident内核,css前缀为"-ms-",IE,360极速浏览器,猎豹安全浏览器,傲游浏览器,百度浏览器,世界之窗浏览器,2345浏览器,腾讯TT,淘宝浏览器,采编读浏览器,搜狗高速浏览器,阿云浏览器,瑞星安全浏览器,Slim Browser,GreenBrowser、爱帆浏览器,115浏览器,155浏览器,114浏览器,N氧化碳浏览器,糖果浏览器,彩虹浏览器,瑞影浏览器,勇者无疆浏览器,闪游浏览器,蚂蚁浏览 器,飞腾浏览器,速达浏览器,佐罗浏览器,海豚浏览器(iPhone/iPad/Android),UC浏览器

KHTML内核,css前缀为"-khtml-",苹果浏览器之前的版本,后改为WebKit内核

参考:

再来看下微信的浏览器内核:

iOS版的微信都是采用webkit内核,包括android版本的X5内核,是以webkit内核,但是有些兼容问题,比如不制止flex这些。

X5内核在最近做了一个升级,全面使用Google的新内核Blink,不过前缀不变,还是采用“-webkit-”。

==>如有问题,请联系我:easonjim#163.com,或者下方发表评论。<==

转载地址:http://cpbuo.baihongyu.com/

你可能感兴趣的文章
PHP操作redis详细讲解
查看>>
Android学习笔记(一)
查看>>
Java 提高篇(一)
查看>>
虚拟化学习笔记
查看>>
浏览器的兼容性问题
查看>>
我的友情链接
查看>>
今天真的搬走了
查看>>
PC散热风扇之研究一:风扇种类介绍
查看>>
关于Session和Cookie简单实例
查看>>
App框架实现———dagger2
查看>>
zabbix 微信报警
查看>>
rsync命令参数及SSH自定义端口远程拷贝
查看>>
通过SQL Server 2008数据库复制实现数据库同步备份
查看>>
HttpClient做接口测试时自定义参数长度
查看>>
PyCharm2017激活方法
查看>>
正则表达式
查看>>
Exchange企业实战技巧(27)邮件中使用数字签名和邮件加密功能
查看>>
mysql-5.6.27源码安装及错误解决办法
查看>>
Shell 函数、数组与正则表达式
查看>>
编译安装PHP时两个报错的解决办法
查看>>