响应式Web设计- Viewport

什么是Viewport?

viewport是用户网页的可视区域， 翻译为中文可以叫做"视区"。

设置Viewport

一个常用的针对移动网页优化过的页面的Viewport meta设置如下：

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

width:控制Viewport大小，可以指定的一个值，例如：600或一个特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。

height:与width相对应，指定高度。

initial-scale:初始缩放比例，也就是页面第一次load时缩放比例。

maximum-scale:允许用户缩放到最大的比例。

minimum-scale:允许用户缩放到最小的比例。

user-scalable:用户是否可以手动缩放。