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

 

 

待续……