有时候我们会发现使用手机或者电脑的时候,双击屏幕会产生放大缩小的效果,这可能会干扰我们的用户体验。那么该怎么取消这个效果呢?
/** * 禁止双击放大缩小的效果 */ html { touch-action: pan-x pan-y; }
我们可以通过添加touch-action属性来取消双击放大缩小的效果。这个属性可以用于指定手势事件的默认行为,pan-x表示水平方向上的滑动需要响应,pan-y表示垂直方向上的滑动需要响应。这样设置后,双击屏幕就不会执行放大缩小的效果了。
...
有时候我们会发现使用手机或者电脑的时候,双击屏幕会产生放大缩小的效果,这可能会干扰我们的用户体验。那么该怎么取消这个效果呢?
/** * 禁止双击放大缩小的效果 */ html { touch-action: pan-x pan-y; }
我们可以通过添加touch-action属性来取消双击放大缩小的效果。这个属性可以用于指定手势事件的默认行为,pan-x表示水平方向上的滑动需要响应,pan-y表示垂直方向上的滑动需要响应。这样设置后,双击屏幕就不会执行放大缩小的效果了。
...