出现问题的主要原因就是，由于内容较多导致出现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;}
如果觉得《移动端完成样式之后出现横向滚动条(X 轴滚动条)》对你有帮助，请点赞、收藏，并留下你的观点哦！
