【问题标题】:Prevent site zoom with two fingers ios用两根手指防止站点缩放ios
【发布时间】:2022-01-18 04:59:14
【问题描述】:

如何防止 iOS 用户用两根手指缩放网站?

我把这个属性放了

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densityDpi=device-dpi" />

只有双击有效,两指缩放时不起作用,怎么解决,不然ios还是让你放大?

【问题讨论】:

    标签: javascript html ios viewport


    【解决方案1】:

    使用 touch-action 属性。

    禁用捏合/缩放手势并双击缩放手势:

    body {
      touch-action: pan-x pan-y;
    }
    

    如果您也不需要平移手势,只需:

    body {
      touch-action: none;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-27
      • 2015-11-11
      • 2017-04-12
      • 2011-06-09
      • 2019-08-21
      • 1970-01-01
      相关资源
      最近更新 更多