1. 程式人生 > >360瀏覽器相容模式下樣式顯示混亂的解決方法

360瀏覽器相容模式下樣式顯示混亂的解決方法

程式碼示例

在head標籤中新增一行程式碼:

<html>
<head>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
</head>
<body>
</body>
</html>

content的取值為webkit,ie-comp,ie-stand之一,區分大小寫,分別代表用webkit核心,IE相容核心,IE標準核心。
若頁面需預設用極速核,增加標籤:<meta name="renderer" content="webkit">


若頁面需預設用ie相容核心,增加標籤:<meta name="renderer" content="ie-comp">
若頁面需預設用ie標準核心,增加標籤:<meta name="renderer" content="ie-stand">

注意:引號要英文狀態下的,直接複製程式碼後看一下格式對不對,請自行更正。 各渲染核心的技術細節

核心 Webkit IE相容 IE標準
文件模式 Chrome 21 IE6/7 IE9/IE10/IE11(取決於使用者的IE)
HTML5支援 YES NO YES
ActiveX控制元件支援 NO YES YES
各核心UA示例