今天突然看到了个meta标签中的viewport属性,大家都知道这个是用来解决H5页面适配不同尺寸移动端的适配问题,但原理却被大家忽略了;
只知道当需要解决H5页面适配问题,避免出现横向滚动框就会直接在网上找到下面代码来粘贴
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。
如果大家想深入了解一下原理可以看下这篇文章: