出現(xiàn)問題的主要原因就是，由于內(nèi)容較多導(dǎo)致出現(xiàn)Y軸滾動(dòng)條，占用了頁(yè)面的寬度，從而導(dǎo)致在使用框架做自適應(yīng)時(shí)出現(xiàn)X軸滾動(dòng)條。

解決方法：最終只需要在CSS中添加如下代碼就可以完美解決。

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

總結(jié)

以上是生活随笔為你收集整理的移动端完成样式之后出现横向滚动条(X 轴滚动条)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。