禁止横向滚动

1. 使用CSS禁止横向滚动

可以使用CSS的overflow-x属性，将横向滚动条设为hidden，从而禁止横向滚动。

body {
  overflow-x: hidden;
}

2. 使用meta标签禁止横向滚动

在头部添加以下meta标签，可以禁止用户手动横向滚动。

3. 使用JavaScript禁止横向滚动

可以使用JavaScript来禁止横向滚动，通过监听滚动事件，将横向滚动的位置重置为0。

window.addEventListener("scroll", function() {
  if (window.scrollX !=0) {
    window.scrollTo(0, window.scrollY);
  }
});

4. 禁止横向滚动的注意事项

禁止横向滚动可能会影响到页面的布局，因此需要注意以下几点：

• 确保页面内容适应移动设备屏幕大小，不会出现横向溢出。
• 禁止横向滚动后，用户可能需要双击缩放页面，因此需要确保内容适应缩放后的屏幕。
• 某些移动设备可能无法正确解析meta标签，因此需要进行兼容性测试。