手机端的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">
posted @ 2015-01-06 10:02  MoenyChen  阅读(161)  评论(0编辑  收藏  举报