码迷,mamicode.com
首页 > 移动开发 > 详细

手机端的meta信息

时间:2015-01-06 11:23:51      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

一: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">

手机端的meta信息

标签:

原文地址:http://www.cnblogs.com/dreamhouse/p/4205330.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!