移动开发中Meta标签的常用属性设置

近来因工作需要.将常用的属性整理出.并注释如下,供学习参考：

 <meta content="app-id=518966501" name="apple-itunes-app"> <!--智能app广告条.可以更容易的把访问移动端网站的用户转化成app用户-->
 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><!--显示为设备宽度.原始大小.不可缩放-->
 <meta content="yes" name="apple-mobile-web-app-capable"><!--删除默认的苹果工具栏和菜单栏-->
 <meta content="black" name="apple-mobile-web-app-status-bar-style"><!--顶部状态栏显示样式为黑色-->
  <meta content="telephone=no" name="format-detection"> <!--去掉拨号链接-->
<link href="images/4221535.png" rel="apple-touch-icon-precomposed"><!--属性为设计原图图标”-->
 <link href="images/13633577.ico" rel="shortcut icon" type="image/x-icon"><!--设置图标.TYPE兼容性-->

 

关于viewport属性：
使用手机访问某个ＷＡＰ页面时，浏览器会将页面显示在一个虚拟的“窗口”，它可以拖动、缩放、这就是viewport属性，绝大部分手机都支持。

参数：
如： <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.3, user-scalable=yes"> 
width：viewport 的宽度，可以指定一个值，如：320或device-width （浏览设备宽度）。

height：一般不设置
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

 /*如转载请注明.出处*/