viewport meta标签为何未被纳入HTML官方标准规范？

首先得先澄清一个过时的信息：你看到的MDN文档里说它“不属于任何Web标准”是老黄历了，这个标签早就完成了标准化，只是从来没被放进HTML规范里，才会一直给人“非标准”的误解。

具体原因其实很简单：

• 首先是规范的管辖边界问题。viewport标签管的是页面渲染阶段的视口尺寸、初始缩放比例这些渲染逻辑，属于CSS渲染模型的范畴，本来就不归定义文档结构、标签语义的HTML标准管。标准化的时候工作组直接把它的全部规则写到了CSSOM View模块的规范里，这个划分是顺理成章的，没必要硬把渲染相关的规则塞到HTML标准文本中。
• 这个标签最早是苹果做初代iPhone的时候搞出来的私有实现，刚推出来就赶上移动端流量爆发，所有浏览器很快就跟进实现了相关逻辑，没多久就成了移动端开发的必写配置，但当时不管是W3C还是WHATWG的标准迭代速度都没跟上移动端的发展节奏，才出现了好多年“全浏览器都支持但标准里没写”的空窗期，MDN早期文档里的“非标准”描述就来自这个阶段。
• 你提到的WHATWG“标准要匹配浏览器实际实现”的原则其实早就落地了。你自己设想的那套规则现在就是规范里的明文要求：页面没加viewport标签的话，浏览器默认判定这是没做移动端适配的老站，会用980px左右的默认桌面虚拟视口宽度渲染完再缩放到屏幕尺寸，这时候窄屏断点的media query当然不会触发；加了标签的话就严格按开发者写的参数配置视口，响应式规则正常生效，和你预想的逻辑没有任何区别。
• 现在所有主流移动端浏览器对viewport标签的解析已经完全和标准对齐，谷歌的移动端搜索排名规则、Lighthouse的检测逻辑也都是按这套标准来的，开发的时候直接按最佳实践写<meta name="viewport" content="width=device-width, initial-scale=1">就行，根本不用顾虑“非标准”的兼容问题。

内容的提问来源于stack exchange，提问作者gaazkam