无法在我的 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）将以下代码添加到body标签中的index.html中：-

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.

它禁用了使用 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>