meta 标签中的 viewport

今天突然看到了个meta标签中的viewport属性，大家都知道这个是用来解决H5页面适配不同尺寸移动端的适配问题，但原理却被大家忽略了；

只知道当需要解决H5页面适配问题，避免出现横向滚动框就会直接在网上找到下面代码来粘贴

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

 该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。

如果大家想深入了解一下原理可以看下这篇文章：

https://www.cnblogs.com/youpeng/p/10991261.html