元总结

做项目的时候发现正常的代码在360年浏览器上样式都是乱的,翻阅资料才发现360是双核,分为极速模式和兼容模式,极速模式是用webkit内核,兼容模式是用三叉戟内核(也就是IE内核),最后加了一行代码就完美解决了

 1, & lt; meta  name=颁秩尽?content =, " webkit "/祝辞

竟然一行代码”功力这么强大”,真是有必要认真学习了解一下常用的头头标签了。首先,总结一下浏览器默认的内核模式:

国内双核浏览器默认内核模式如下:
1。搜狗高速浏览器、QQ浏览器:即内核(兼容模式)
2。360年极速浏览器,遨游浏览器:Webkit内核(极速模式)

<强> 1。搜索引擎(SEO优化)

,页面关键字

 & lt; meta  name="关键字",内容=凹际酢痹?/pre> 
页面描述
 
 & lt; meta  name=懊枋觥?content =,“搜索相关课程”在
 
 <强> 2。移动设备 
 
 & lt; meta  name="视窗",内容=" "在
 
设置屏幕宽度为设备宽度,禁止用户手动调整缩放
 
 & lt; meta  name =,“视口”,内容=翱矶?设备宽度,user-scalable=没有“在
  <李> 
 device-width ,为设备的宽度
  <李> 
 user-scalable,,用户调整缩放,是的为允许用户对其缩放,反之为不,若设置为不,最小规模和最大范围都将被忽略,因为根本不可以缩放。
  <李> 
初始:初始的缩放比例(范围从在0到10)
   
 <强> 3。声明编码 
 
 & lt;元charset=" utf - 8 "/比;,,,
 
 & lt; html>,
 
 <强> 4。内核设置 
 
优先使用IE最新版本和Chrome 
 
 & lt;元http-equiv=癤-UA-Compatible”内容=癐E=边缘,Chrome”=1/祝辞
 
浏览器内核控制:(国内很多是双内核(webkit,三叉戟)添加以下元可以控制浏览器使用何种内核渲染)
 
 & lt; meta  name=颁秩尽?content =,“webkit  |, ie-comp |, ie-stand”/祝辞
 
内容的取值为,webkit,ie-comp, ie-stand(是区分大小写的,使用的时候要注意),分别代表webkit内核,即兼容内核,即标准内核。
 
如:若页面需默认用极速核,增加标签:
 
 & lt;元名称=颁秩尽蹦谌?皐ebkit”在
 
 <强> 5。缓存设置 
 
禁止浏览器从本地计算机的缓存中访问页面内容:
 
 & lt;元http-equiv=霸幼ⅰ蹦谌?皀o - cache”在
 
 <强> 6。手机端常用设置 
 
 <强>  
 
 1, & lt; meta  name="视窗",内容=翱矶?设备宽度,初始=1.0,最小规模=1.0,最大范围=1.0,user-scalable=不”,/在
 
 
 
 1, & lt; meta  name=" format-detection ",内容=暗缁?不”,/在
 
 
 
 1, & lt; meta  name=" format-detection ",内容=坝始?不”,/在
 
 
 
元总结