解决移动端浏览器页面 X轴横向滚动条问题

写web端页面的时候，总是会出现横向滚动条，即 X 轴滚动条，导致页面左右滑来滑去。

即使设置了 body,html {overflow-x:hidden;width:100%;} 也无法生效。

解决代码：

html {
  overflow-y: scroll;
}
:root {
  overflow-y: auto;
  overflow-x: hidden;
}
:root body {
  position: absolute;
}
body {
  width: 100vw;
  overflow: hidden;
}

原文：https://blog.youkuaiyun.com/zx562602419/article/details/81293405 

内容参考自 张鑫旭大神的《小tip:CSS vw让overflow:auto页面滚动条出现时不跳动》

转载于:https://www.cnblogs.com/moutudou/p/11028410.html