meta viewport 是怎么来的？

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）。目前仅用于移动设备。
以下是各个属性的解释和备选值。