手机端的meta信息

一：meta信息

(1)<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

     width - viewport的宽度 height - viewport的高度

  　initial-scale - 初始的缩放比例

     minimum-scale - 允许用户缩放到的最小比例

     maximum-scale - 允许用户缩放到的最大比例

    user-scalable - 用户是否可以手动

(2)< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />

      这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式（比如人见人烦的IE6），以此来解决部分兼容问题，

      例如模拟IE7的具体方式如下：< meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />（摘抄）

      这里谷歌做了个外挂：Google Chrome Frame（谷歌内嵌浏览器框架GCF）。

      这个插件可以让用户的IE浏览器外不变，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核，而且支持IE6、7、8等多个版本的IE浏览器。（摘抄）

(3)<meta name="renderer" content="webkit"/>(若页面需默认用极速核)

若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp"> 
若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand">

转载于:https://www.cnblogs.com/dreamhouse/p/4205330.html