无法在我的网页中删除放大和缩小功能

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：-

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

它禁用了ctrl和鼠标滚动的缩放功能，但没有禁用ctrl+用于缩放和ctrl-用于缩小的缩放功能。

所以，你能告诉我如何在所有平台(即桌面、安卓和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>