CSS 在手機端常常會出現無法滑動的問題,這是由于缺少移動端的自適應布局所導致的。要解決該問題,我們可以采用以下方法。
body{ overflow-x:hidden; }
首先,在 CSS 中設置 body 的 overflow-x 屬性為 hidden,即可隱藏頁面的水平滾動條。這樣可以確保用戶只能在頁面內垂直滑動,而不會出現橫向滑動。
@media(max-width:768px){ body{ position:fixed; width:100%; height:100%; } }
其次,我們可以使用 CSS3 的媒體查詢來針對不同的設備尺寸進行布局調整。在移動端設備上,我們可以將 body 元素的 position 屬性設為 fixed,width 和 height 屬性均為 100%。這樣可以使 body 元素充滿整個可視區域,從而避免了頁面在移動設備上出現滑動條的問題。
通過以上的方法,我們可以解決 CSS 在手機端出現無法滑動的問題,讓用戶能夠更加舒適地瀏覽我們的網站。