做项目的时候发现正常的代码在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"/>
如：若页面需默认用极速核，增加标签：
<meta name="renderer" content="webkit">
5.缓存设置
禁止浏览器从本地计算机的缓存中访问页面内容：
<meta http-equiv="Pragma" content="no-cache">
如：若页面需默认用极速核，增加标签：
<meta name="renderer" content="webkit">
原文：http://www.cnblogs.com/beidan/p/5263875.html