1.
1 | <meta name="viewport" content="width=device-width, initial-scale=1.0, |
- 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.
1 | <meta name="keywords" content="福利来袭！注册掌药送价值198元水探头！" /> |
作用是方便搜索引擎对网页的检索。
3.
1 | <xmp><meta name="format-detection" content="telephone=no" /></xmp> |
电话号码不被显示为拨号的超链接
4.
1 | <xmp><meta name="apple-mobile-web-app-capable" content="yes" /></xmp> |
网页开启对web app的支持
5.
1 | <xmp><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /></xmp> |
在web app应用下状态条（屏幕顶部条）的颜色，默认值为default（白色），可为black和black-translucent（灰色半透明），值为black-translucent时，会占据页面px位置，浮于页面上方（覆盖页面一定px的高度）。这个状态条就是手机等顶部显示时间啊电池电量等信息的条。