移动端完成样式之后出现横向滚动条(X 轴滚动条)

出现问题的主要原因就是，由于内容较多导致出现Y轴滚动条，占用了页面的宽度，从而导致在使用框架做自适应时出现X轴滚动条。

解决方法：最终只需要在CSS中添加如下代码就可以完美解决。

html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
  overflow-y: scroll;
}