如何禁用iOS双击缩放移动的浏览器的Angular webapp？(我尝试了一切)

bfrts1fy 于 2023-05-23 发布在 iOS

关注(0)|答案(2)|浏览(164)

我试过：

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

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

和

body {
  touch-action: manipulation !important;
}

而且什么都不起作用，我在iOS上的Safari和Chrome上还有双击。
有什么想法吗？谢谢。

ios

来源：https://stackoverflow.com/questions/67490001/how-to-disable-ios-double-tap-zoom-in-mobile-browser-for-a-angular-webapp-i-tr

2条答案

按热度按时间

4sup72z81#

CSS全局禁用双击缩放：

* {
  touch-action: manipulation;
}

编辑：
我在iPhone 7 Plus上用IOS v14.4.2测试了它，它对我很有效。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>No double tap</title>
  <style>
    .no-double-tap {
      touch-action: manipulation;
    }
  </style>
</head>
<body>
  <h2>no double tap</h2>
  <img class="no-double-tap" src="https://picsum.photos/id/1/200/300">
  <h2>double tap</h2>
  <img src="https://picsum.photos/id/2/200/300">
</body>
</html>

赞(0）回复(0）举报 2023-05-23

z6psavjg2#

# This code more helped me in my angular app!!!

body{
    touch-action: manipulation;
}

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

赞(0）回复(0）举报 2023-05-23

我来回答

如何禁用iOS双击缩放移动的浏览器的Angular webapp？(我尝试了一切)

2条答案

相关问题

热门标签

最新问答