javascript - 无法在我的 flutter 网络中删除放大和缩小

Question

我想禁用放大 flutter 网络。我试过这些东西: -
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) 在body标签的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>