解决移动端出现x轴的问题

解决移动端出现x轴的问题

问题描述：

由于内容较多导致出现Y轴滚动条，占用了页面的宽度，从而导致在使用框架做自适应时出现X轴滚动条，影响用户体验。最终只需要在CSS中添加如下代码就可以完美解决问题

html {
  overflow-y: scroll;
}

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

:root body {
  position: absolute;
}
body {
    overflow: hidden;
}