移动端通过<meta name="viewport" />适配的原理?

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

移动端vue项目只需要在index.html设置上面这个meta,便可以使用px为单位,并且做到适配,这是为什么? 

参考下这篇文章
https://www.freesion.com/article/9608709183/

需要解释name="viewport"content里面的内容含义
https://blog.csdn.net/a1056244734/article/details/123573628
https://developer.mozilla.org/zh-CN/docs/Glossary/Viewport