css3中-moz-ms-webkit - o -各什么意思

Posted 2021-05-14 遇见Time

在了解css3中-moz、-ms、-webkit各什么意思前，先要了解一下浏览器的内核是什么。
（一）什么是内核呢？
浏览器最核心的部分是“Rendering Engine”，即“渲染引擎”，也叫“浏览器内核”。

（二）为何要了解内核
不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是前端工程师需要了解内核的原因。

（三）常见浏览器以及浏览器内核前缀
1、IE浏览器 - ms
2、谷歌、苹果浏览器 - webkit -
3、欧朋浏览器 - o -
4、火狐浏览器 - moz -
5、360浏览器是一款双内核的浏览器，极速模式使用的是Webkit内核，兼容模式使用的是IE浏览器所使用的 Trident 内核。让360浏览器强制以webkit内核渲染的代码：在head中添加如下代码：

应用场景举例：

html{
	font-size: calc(100vw/36);   
	font-size: -webkit-calc(100vw/36);  
	font-size: -moz-calc(100vm/36);    
}

.box{filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}