在网页的 head 标签里，加上对 viewport 的设置，就可以让页面在移动设备上可以以比较好的缩放和比例来呈现：1
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
还可以加入更多设置，如缩放之类：
1 | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" > |
参数解释：
width：可以控制 viewport 的大小，可以指定一个数值，或者一个特殊的值，比如 device-width 设备的宽度。
initial-scale：初始缩放比例，也即当前页面第一次load的时候缩放比例
minimum-scale：允许用户缩放到的最小比例。
maximum-scale：允许用户缩放到的最大比例。
user-scalable：用户是否可以手动缩放。