无法删除我的 flutter web 中的放大和缩小

Question

我想在 flutter web 中禁用缩放。我试过这些东西：-

1) 添加以下代码到 index.html 文件

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

但是它给了我以下警告并且没有禁用缩放。

WARNING: found an existing <meta name="viewport"> tag. Flutter Web uses its own viewport configuration for better compatibility with Flutter. This tag will be replaced.

2) 在正文标签中的 index.html 添加了以下代码：-

<script>
  document.addEventListener('wheel', function(e) {
    e.ctrlKey && e.preventDefault();
  }, {
    passive: false,
  });
</script>

它禁用了使用 ctrl 和鼠标滚动进行缩放，但不使用 ctrl + 进行缩放和 ctrl - 进行缩小。

那么，你能告诉我如何禁用所有平台（即桌面、android 和 ios）的网页放大和缩小功能。

Answer 1

我通过在 index.html 文件的正文中添加以下 javascript 代码找到了禁用移动和桌面缩放的答案：-

<script>
  document.addEventListener('wheel', function(e) {
    e.ctrlKey && e.preventDefault();
  }, {
    passive: false,
  });
</script>
<script>
  window.addEventListener('keydown', function(e) {
    if (event.metaKey || event.ctrlKey) {
      switch (event.key) {
        case '=':
        case '-':
          event.preventDefault();
          break;
      }
    }
  });
</script>

无法删除我的 flutter web 中的放大和缩小

Unable to remove zoom in and zoom out in my flutter web

html

javascript

zooming

flutter

flutter-web