做項目的時候發現正常的代碼在360瀏覽器上樣式都是亂的,翻閱資料才發現360是雙核,分為極速模式和相容模式,極速模式是用webkit內核,相容模式是用trident內核(也就是IE內核),最後加了一行代碼就完美解決了 <meta name="renderer" content = "webkit"/
做項目的時候發現正常的代碼在360瀏覽器上樣式都是亂的,翻閱資料才發現360是雙核,分為極速模式和相容模式,極速模式是用webkit內核,相容模式是用trident內核(也就是IE內核),最後加了一行代碼就完美解決了
<meta name="renderer" content = "webkit"/> 順便總結一下瀏覽器預設的內核模式:國內雙核瀏覽器預設內核模式如下:
1. 搜狗高速瀏覽器、QQ瀏覽器:IE內核(相容模式)
2. 360極速瀏覽器、遨游瀏覽器:Webkit內核(極速模式)1.搜索引擎 (SEO優化)
頁面關鍵字
<meta name="keywords" content="技術">
頁面描述
<meta name="description" content = "搜索相關課程">
2.移動設備
<meta name="viewport" content="">
設置屏幕寬度為設備寬度,禁止用戶手動調整縮放
<meta name = "viewport" content="width=device-width,user-scalable=no">
-
device-width 為設備的寬度
-
user-scalable 用戶調整縮放,yes為允許用戶對其縮放,反之為no,若設置為no,minimum-scale和maximum-scale都將被忽略,因為根本不可以縮放。
-
initial-scale:初始的縮放比例 (範圍從>0 到10)
3.聲明編碼
<meta charset="utf-8"/>
<html lang="en">
4.內核設置
優先使用IE最新版本和Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
瀏覽器內核控制:(國內很多是雙內核(webkit,trident)添加以下meta可以控制瀏覽器使用何種內核渲染)
<meta name="renderer" content = "webkit | ie-comp| ie-stand"/>
content的取值為 webkit ie-comp ie-stand, (是區分大小寫的,使用的時候要註意),分別代表webkit 內核,IE 相容內核,IE 標準內核。
如:若頁面需預設用極速核,增加標簽:
<meta name="renderer" content="webkit">
5.緩存設置
禁止瀏覽器從本地電腦的緩存中訪問頁面內容:
<meta http-equiv="Pragma" content="no-cache">
<meta name="renderer" content="webkit|ie-comp|ie-stand"> content的取值為 webkit ie-comp ie-stand, (是區分大小寫的,使用的時候要註意),分別代表webkit 內核,IE 相容內核,IE 標準內核。如:若頁面需預設用極速核,增加標簽:
<meta name="renderer" content="webkit">