Solve the mobile terminal browser page X axis horizontal scroll bar problem

End write web pages, always horizontal scroll bar will appear, namely X-axis scroll bar, resulting in about page slide to slide.

Even set body, html {overflow-x: hidden; width: 100%;} can not be effective.

Resolution code:

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

Original: https: //blog.csdn.net/zx562602419/article/details/81293405 

Content Reference from Zhangxin Xu Great God "small tip: CSS vw let overflow: not beat when auto page scroll bar appears."