实例笔记（一）

1. X-UA-Compatible
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   Edge模式告诉IE以最高级模式渲染文档，也就是任何IE版本都以当前的版本所支持的最高级标准模式渲染，避免版本升级造成的影响。
   如果只是用conten="chrome=1" 则提示IE用户安装Google Frame，如果检测到IE未安装谷歌，则弹出提示安装对话框。

2. Viewport
   <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
   手机浏览器是把页面放在一个虚拟的“窗口”，这样就不用把每个网页挤到很小的窗口中，用户可以通过平移和缩放来看网页的不同部分。
   width：控制viewport的大小，可以指定一个值，或者特殊的值，如device-width为设备的宽度（单位为缩放为100%时的CSS像素）。
   height：和width相对应，指定高度。
   initial-scale：初始缩放比例，即是当页面第一次load的时候缩放比例。
   maximum-scale：允许用户缩放到的最大比例。
   minimum-scale：允许用户缩放到的最小比例。
   user-scalable：用户是否可以手动缩放。

3. renderer
   <meta name="renderer" content="webkit|ie-comp|ie-stand">
   使用内核控制标签告诉360浏览器这个网址应该用哪个内核渲染，360浏览器会在读取到这个标签后，立即切换到对应的内核。并将这个行为应用于这个二级域名下所有网址。目前该功能已经在所有的360安全浏览器中实现。
   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">