這是移動端佈局的初始頭部樣式,能夠解決不一樣瀏覽器的兼容問題css
<meta http-equiv="X-UA-Compatible" content="IE=edge">
1 <!--要求當前網頁使用IE瀏覽器最高版本的內核來渲染--> 2 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 3 <!--視口的設置:視口的寬度和設備一致,默認的縮放比例和PC端一致,用戶不能自行縮放--> 4 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"> 5 <!--[if lt IE 9]> 6 <!--解決ie9如下瀏覽器對html5新增標籤的不識別,並致使CSS不起做用的問題--> 7 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 8 <!--解決ie9如下瀏覽器對 css3 Media Query 的不識別 解決ie678對css3和html5新標籤不認識的狀況 --> 9 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 10 <![endif]-->