移动网页基本meta设置

1.

<meta name="viewport" content="width=device-width, initial-scale=1.0,
minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />

• viewport：手机浏览器是把页面放在一个虚拟窗口（viewport）中，通常viewpoint比屏幕宽，让用户可以通过平移和缩放查看网页。移动端的浏览器用viewport这个meta tag让网页开发者来控制viewport的大小和缩放。
  content属性值：
• width：可视区域的宽度，值为数值或关键词device-width ；
• height：可视区域高度，同width ；
• initial-scale：页面首次被显示时可视区域的缩放级别，取值1.0则按页面时间尺寸显示，无缩放 ；
• minimum-scale，maximum-scale：可视区域的缩放级别，值为1.0将禁止用户放大到实际尺寸之上 ；
• user-scalable：是否可对页面进行缩放，no禁止缩放 。

2.

<meta name="keywords" content="福利来袭！注册掌药送价值198元水探头！" />

　　作用是方便搜索引擎对网页的检索。

3.

<xmp><meta name="format-detection" content="telephone=no" /></xmp>

　　电话号码不被显示为拨号的超链接

4.

<xmp><meta name="apple-mobile-web-app-capable" content="yes" /></xmp>

　　网页开启对web app的支持

5.

<xmp><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /></xmp>

　　在web app应用下状态条（屏幕顶部条）的颜色，默认值为default（白色），可为black和black-translucent（灰色半透明），值为black-translucent时，会占据页面px位置，浮于页面上方（覆盖页面一定px的高度）。这个状态条就是手机等顶部显示时间啊电池电量等信息的条。