html5兼容ie8 ie9

准备工做2：加载兼容文件JS

由于IE8既不支持HTML5也不支持CSS3 Media，因此咱们须要加载两个JS文件，来保证咱们的代码实现兼容效果：

1. <!--[if lt IE 9]>
2.   <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
3.   <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
4. <![endif]-

 

ie渲染为最新文档

<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">

 

Rem兼容ie6 ie7

box {
    font-size: 14px; /* 用来兼容ie678 */
    font-size: 0.875em; 
}

 

/***********************************************/

响应式适配

html {
font-size: calc(100vw/3.75);
}