出現問題的主要原因就是，由于內容較多導致出現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 轴滚动条)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。