前端面试题：如何使用css来实现禁止移动端页面的左右划动手势？

如何使用css来实现禁止移动端页面的左右划动手势？

CSS属性 touch-action 用于设置触摸屏用户如何操纵元素的区域(例如，浏览器内置的缩放功能)。

最简单方法是：

html{
 touch-action: none;
 touch-action: pan-y;
}

还可以直接指定对应元素的宽度和overflow：

html{
 width: 100vw;
 overflow-x: hidden;
}