码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器的兼容性

时间:2021-03-30 13:59:21      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:导致   维护   end   数字   rgba   兼容性   css样式   height   版本   

浏览器前缀

  #W3C 维护标准

  查询新特性的支持程度网站:https://www.caniuse.com/
  
  浏览器      内核                前缀
  谷歌      webkit/blink       -webkit-
  火狐        gecko             -moz-
  苹果        webkit           -webkit-
  IE         trident            -ms-
  欧朋        blink              -o-

  *无需特意去处理css3中的兼容性问题,如果有新特性的兼容性不好,应该尽量避免使用,否则就需要书写浏览器的前缀。

CSS Hack

  因为同一厂商的浏览器也存在不同版本,比如IE9和IE10,对css的解析也不一样,因为会导致生成的页面效果不同,得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去书写不同的css样式。让它去兼容不同的版本。这个时候就需要使用css的Hack.

  如果没有要求,一般不需要做hack兼容。

属性hack

    属性前缀
      _   IE6及以下
      *   IE7及以下

    后缀
      \9  IE6及以上

hack书写格式

 <!--[if IE 版本数字]>
    <style>
      css
    </style>
    html结构
 <![endif]-->

 gt 大于
 gte 大于等于
 lt 小于
 lte 小于等于
! 非 

示例

Document

浏览器的兼容性

标签:导致   维护   end   数字   rgba   兼容性   css样式   height   版本   

原文地址:https://www.cnblogs.com/YSV5521/p/14594463.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有
迷上了代码!