meta标签写在HTML的<head>中,推荐每个手机H5页面必加以下的代码:

1 <head>
2 <meta charset="UTF-8">
3 <meta id="viewport" name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
4 <meta name="format-detection" content="telephone=no, email=no">
5 </head>
UTF-8是规定好字符集,防止乱码。

viewport的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。
也许允不允许用户缩放不同的网站有不同的要求,但让viewport的宽度等于设备的宽度,这个应该是大家都想要的效果。
如果你不这样的设定的话,那就会使用那个比屏幕宽的默认viewport,也就是说会出现横向滚动条。

format-detection的作用是禁止将页面中的一连串数字识别为电话号码,并设置为手机可以拨打的一个链接,邮箱亦如此(在iPhone会有这种情况)。