浏览器兼容

百度统计 浏览器市场份额

1. win7 默认IE版本 IE8。
2. windows系统会总提示让你升级，而且就算是使用老的系统，比如xp系统，很多ghost版本的系统都会更新ie浏览器。
3. 大部分网吧默认是ie8浏览器。
4. 一些事业单位默认是ie8浏览器。
5. 360 360安全浏览器
6. IE6， IE7 估计只是那些不经常使用浏览器的用户还在使用，它们没必要升级，也不知道还有其他浏览器。

IE8 是唯一一个不是现代浏览器，而在中国市场上依旧占据很大市场的傻X浏览器。

通过以下方式 兼容 IE8.

CSS Reset

由于早期的浏览器支持和理解的 CSS 规范不同，导致浏览器在渲染页面时效果不一致，出现很多兼容性问题。

  <link href="//cdn.bootcss.com/normalize/3.0.3/normalize.css" rel="stylesheet">

• Normalize

HTML5 CSS3 兼容 IE

  <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <script src="//cdn.bootcss.com/selectivizr/1.0.2/selectivizr-min.js"></script>
  <![endif]-->

• html5shiv -- 让 IE6-8 识别 HTML5 新的元素
• Respond -- 让 IE6-8 支持 CSS3 Media Query
• Selectivizr -- 让 IE6-8 支持 CSS3 伪类和属性选择器

meta标签

强制IE8使用最新的内核渲染页面

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

360双核浏览器 适用房 Webkit 渲染

<meta name="renderer" content="webkit">

使用 css3pie 支持 css3 特性

border-radius
box-shadow
border-image
multiple background images
linear-gradient

等

JavaScript

CSS

video audio

React

• IE.JS解决IE兼容性问题方法

• am-team

• 移动端模拟弹窗

• IE8+兼容经验小结