浏览器的兼容性

标签：导致   维护   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 小于等于
！ 非 

示例

浏览器的兼容性

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

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