viewport Meta 这个标记最开始是由苹果的 Safari 引进的，用来标记移动设备的浏览器的视口大小。现在，这个标记也已经被Android接受。Mozilla也接受了这个标记。据说，HTML5也将正式引入这个标记。
在<head>中，写下以下代码
<meta name="viewport" content="initial-scale=1" />上面这句话其实是福利哟，只要把这句话放在页面中，就可以让您的网页适应移动浏览器的大小。
视口，和 PhotoShop 中的画布比较相像。
下面解释一下viewport的meta标记中各个参数的具体意义。
| width | 视口的宽度。 |
| height | 视口的高度。不用指定。 |
| user-scalable | 用户是否可以缩放视口。 值可以是： 1, yes, or true: 允许用户缩放 或 0, no, or false: 不许用户缩放 |
| initial-scale | 初始缩放值。比如1.0表示一个视口像素等于一个屏幕像素。 |
| minimum-scale | 最小比例值。范围从0至10.0 |
| maximum-scale | 最大比例值。范围从0至10.0 |