最近在自学前端，viewport 这个一般怎么用的

Question

我不知道 viewport这个东西，一般是怎么用的，用在什么情况，是适配吗？

Answer 1

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0">

这一句声明用在需要在移动端展示的页面里。与移动端页面宽度与缩放有关，content内容的含义依次为：

width=device-width 页面宽度等于设备宽度
initial-scale=1 初始缩放倍数为1倍
maximum-scale=1 最大缩放1倍
minimum-scale=1 最小缩放1倍
user-scalable=no 不允许缩放页面大小

这样设置之后，代表的意思就是不允许用户通过手指的动作来缩放页面大小，页面宽度始终与设备宽度相等。

Answer 2

移动前端中常说的 viewport （视口）就是浏览器显示页面内容的屏幕区域。
更多请看：http://www.css88.com/archives/5975