在了解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;}