之前老师教的是加个 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" />
居然好了，神奇~