CSS可以很方便地控制網頁的布局，不過有時候我們希望禁止用戶進行左右滑動，該怎么辦呢？下面我們來一起學習。

首先，在HTML文檔的頭部加入以下代碼：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

這段代碼設置了頁面的視口，其中user-scalable=0表示不能縮放。

然后，在CSS中添加如下代碼：

html, body {
overflow-x: hidden;
}

這段代碼可以禁止橫向滑動，其中overflow-x: hidden表示橫向滾動條不可見。

如果仍然有用戶通過手勢滑動網頁，我們可以添加一段JavaScript代碼來禁止滑動，如下所示：

document.body.addEventListener('touchmove', function (event) {
event.preventDefault();
}, false);

代碼解釋：addEventListener是事件監聽器，其第一個參數'touchmove'表示touchmove事件，第二個參數是事件處理函數，該函數返回一個boolean值，表示是否執行默認滑動行為，false表示禁止，true表示允許習慣滑動。

以上就是CSS禁止左右滑動的方法，如果你也有這樣的需求，可以試試以上方法。