• meta 表示“变化”“变换”之义
• viewport 表示“视口，视窗”，如在电脑上，只有一个视口（Viewport）：浏览器窗口。
• scale 表示“比例；按比例决定”
• scalable 表示“可伸缩的；可拓展的”

在开发移动设备网站时，最常见的一个动作就是将下面一行代码添加到head标签中：

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

该meta标签的作用是让当前的viewport的宽度和设备宽度保持一致，且最大可伸缩范围和初始值是一样的，也就是说用户不能手动缩放。
通常前者是常用的，而后者则是根据用户需求来做的。一般最常用的写法如下：

<meta name="viewport" content="width=device-width,initial-scale=1.0"/>