html怎么让所有浏览器兼容,css3所有浏览器都兼容吗?

773c5b53f09b17d813e9f360e2b28b5b.png

css3不是所有浏览器都兼容,有兼容性问题,比如ie浏览器就不完全兼容。目前还没有哪个浏览器能完全地支持css3,况且css3标准还没完全出来,目前能支持部分css3的有:chrome和safari,firefox,opera,ie10等新版本主流浏览器。

ie是不完全支持css3,具体支持多少,这个需要看是哪些样式和什么版本的IE了:IE8以下,几乎不兼容CSS3,而IE8只支持非常小的一部分,比如box-sizing:border-box;

IE9以及以上版本开始支持css3。

IE9以上开始兼容部分,但像flex-box这类的都是不兼容的;

IE11以后开始兼容像flex-box这类比较前沿的样式。

下面看看在 Mac 和 Windows 两个平台介绍 Chrome、Firefox、Safari、Opera 和 IE 五大主流浏览器对 CSS3 新特性和 CSS3 选择器的支持情况。

CSS3 属性支持情况如下图所示。可以看出,完全支持 CSS3 属性的浏览器有 Chrome 和 Safari,而且不管是 Mac 平台还是 Windows 平台全支持。

1d14cb3549e74b7cf98dd72986b41489.gif

CSS3 选择器支持情况如下图所示。除了 IE 家族和 Firefox3,其他几乎全部支持,Chrome、Safari、Firefox 3.6、Opera 10.5 最好。

3253756fcfd7278430263fd9265cf74c.gif

说明:

各主流浏览器都定义了私有属性,以便让用户体验 CSS3 的新特性。例如,Webkit 类型浏览器(如 Safari、Chrome)的私有属性是以-webkit-前缀开始,

Gecko 类型的浏览器(如 Firefox)的私有属性是以-moz-前缀开始,

Konqueror 类型的浏览器的私有属性是以-khtml-前缀开始,

Opera 浏览器的私有属性是以-o-前缀开始,

而 Internet Explorer 浏览器的私有属性是以-ms-前缀开始(目前只有 IE 8+ 支持-ms-前缀)。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值