阻止移动端页面左右滑动

之前老师教的是加个 box-sizing: border-box在老师哪个项目中确实有效果，也有可能是我记错怎么使用了，现在用了没反应，百度了一下，根据提示在父级加 overflow-x：hidden属性
body体内设置固定定位，top为0，left为0即可，同时设置html标签overflow:hidden;

body{
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
 
html{
 overflow: hidden;

看评论好多人都说可以，我都页面还是左右滑动，最后百度一下在头部加了个

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />

居然好了，神奇~