360瀏覽器相容模式下樣式顯示混亂的解決方法
阿新 • • 發佈:2019-02-19
程式碼示例
在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示例