我們經常遇到的問題是頁面在移動設備上可以左右滑動，導致頁面看起來很奇怪，那么我們如何解決這個問題呢？

body{
overflow-x:hidden; //禁止水平滾動條
-webkit-overflow-scrolling:touch; //提高滾動體驗
}

上述代碼就是解決頁面不可左右滑動問題的核心代碼。我們通過在body中設置overflow-x:hidden，來禁止水平方向上的滾動條。同時，為了提高在移動設備上的滾動體驗，我們加了一個-webkit-overflow-scrolling:touch的樣式。

通過這樣的設置，我們可以讓我們的頁面在移動設備上無法左右滑動，從而更好的呈現我們的網頁。