這是移動端佈局的初始頭部樣式,可以解決不同瀏覽器的相容問題 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 1 <!--要求當前網頁使用IE瀏覽器最高版本的內核來渲染--> 2 <meta http-equiv="X-UA-Compatib ...
這是移動端佈局的初始頭部樣式,可以解決不同瀏覽器的相容問題
<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]-->