css3 常见兼容性样式

引言

由于各浏览器制造商遵寻各自不同的规则,使得浏览器渲染的差异性,并且个浏览器对CSS3的支持度不同,引发出页面渲染的兼容性问题。如何能够使前端页面在不同浏览器渲染出相同的效果,成为前端工程师不得不考虑的问题。下面就CSS3样式给出一些解决兼容性问题的方法:


当下主流的浏览器及其内核

浏览器内核
googleWebkit->Chromium(V8)->Chromium(Blink+V8)
IETrident(IE8->IE8:Jscript->Chakra)
SafariKHTML->Webkit(WebCore+JSCore)->Webkit2
FireFoxGecko
OperaPresto->Chromium(V8)->Chromium(Blink+V8)
EdgeEdgeHTML

常见兼容性样式前缀

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

存在兼容性的样式:

  1. border-radius
  2. box-shadow
  3. border-image
  4. background-size
  5. background-origin
  6. background-clip
  7. text-shadow
  8. transform
  9. transition
  10. animation
  11. flex

详情请参考:

  1. CSS3新特性,兼容性,兼容方法总结
  2. 主流浏览器内核介绍(前端开发值得了解的浏览器内核历史)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值