meta 做什么
引自下MDN的定义说明一下。
表示那些不能由其它 HTML 元相关（meta-related）元素（(
<base>、<link>,<script>、<style>或<title>）之一表示的任何元数据信息。
meta 元素定义的元数据类型有哪些
- 如果设置了
name属性，meta元素提供的是文档级别（document-level）的元数据，应用于整个页面。 - 如果设置了
http-equiv属性，meta元素则是编译指令，提供的信息与类似命名的HTTP头部相同。 - 如果设置了
charset属性，meta元素是一个字符集声明，告诉文档使用哪种字符编码。 - 如果设置了
itemprop属性，meta元素提供用户定义的元数据。
name
name 和 content 属性可以一起使用，以名-值对的方式给文档提供元数据，其中 name 作为元数据的名称，content 作为元数据的值。
viewport 定义的是什么
<meta name="viewport" content="width=device-width,
initial-scale=1, maximum-scale=1, minimum-scale=1">
看一段熟悉的代码，通过 MDN 的定义可以知道，viewport 其实是元数据的值， content 中是 viewport 的值。
查询MDN可以知道 ：CSS设备适配规范（CSS Device Adaptation specification）定义了 viewport 的元数据的名称。
viewport ：为 viewport（视口）的初始大小提供指示（hint）。目前仅用于移动设备。
以下是各个属性的解释和备选值。
| 值 | 可能的附加值 | 描述 |
|---|---|---|
width |
一个正整数，或者字符串 device-width
|
定义 viewport 的宽度，如果值为正整数，则单位为像素。或者设置为设备宽度。 |
height |
一个正整数，或者字符串 device-height
|
定义 viewport 的高度。未被任何浏览器使用。 |
initial-scale |
一个 0.0 和 10.0 之间的正数 |
定义设备宽度（宽度和高度中更小的那个：如果是纵向屏幕，就是 device-width，如果是横向屏幕，就是 device-height）与 viewport 大小之间的缩放比例。 |
maximum-scale |
一个 0.0 和 10.0 之间的正数 |
定义缩放的最大值，必须大于等于 minimum-scale，否则表现将不可预测。浏览器设置可以忽略此规则；iOS 10 开始，Safari iOS 默认忽略此规则。 |
minimum-scale |
一个 0.0 和 10.0 之间的正数 |
定义缩放的最小值，必须小于等于 maximum-scale，否则表现将不可预测。浏览器设置可以忽略此规则；iOS 10 开始，Safari iOS 默认忽略此规则。 |
user-scalable |
yes 或者 no
|
默认为 yes，如果设置为 no，用户将无法缩放当前页面。浏览器设置可以忽略此规则；iOS 10 开始，Safari iOS 默认忽略此规则。 |
