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);
}