<meta> 标记汇总

1.  <meta name="viewport" content="width=device-width, initial-scale=1">

viewport 表示文档针对移动设备进行了优化,比如：

<meta name=”viewport” content=”width=240, height=320, user-scalable=yes, initial-scale=2.5, maximum-scale=5.0, minimun-scale=1.0”>

width - viewport的宽度

height - viewport的高度

user-scalable - 用户是否可以手动缩放;   值为yes时允许用户进行缩放，值为no时不允许缩放

initial-scale - 初始的缩放比例

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

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

2.  <meta name="format-detection" content="telephone=yes"/>      在iPhone 手机上默认值是yes（电话号码显示为拨号的超链接）

<meta name="format-detection" content="telephone=no"/>    可将telephone=no，则手机号码不被显示为拨号链接

3.

<link rel="apple-touch-icon" href="图标路径" />
     <link rel="apple-touch-icon-precomposed" href="图标路径"" />

iOS用rel="apple-touch-icon",  android 用rel="apple-touch-icon-precomposed"。这样就能在用户把网页存为书签时，在手机HOME界面创建应用程序样式的图标。

4.

    <meta name="renderer" content="webkit|ie-comp|ie-stand">

content 的取值为 webkit, ie-comp, ie-stand 之一，区分大小写，分别代表用 webkit 内核，IE 兼容内核，IE 标准内核。

如：若页面需默认用极速核，增加标签：

    <meta name="renderer" content="webkit">

待续……