使用CSS禁用鼠标滚轮缩放

我在一个项目中使用npm包

react流程图

图表具有内置属性，可以使用鼠标滚轮上下缩放

是否有任何方法可以使用CSS属性

禁用此鼠标缩放

提前谢谢

张贴说明：我有单独的按钮，可以在预定义的范围内缩放图表，解决方案不应影响该功能。
将其放入
index.html中的
中

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

将其放入
index.html中的
中

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


不可能使用CSS

您可以使用js添加它

$(document).ready(function () {
  $("head").append(
    "<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'/>"
  );
});

$（文档）.ready（函数（）{
$（“标题”）。附加(
""
);
});
不可能使用CSS

您可以使用js添加它

$(document).ready(function () {
  $("head").append(
    "<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'/>"
  );
});

$（文档）.ready（函数（）{
$（“标题”）。附加(
""
);
});
实际上，我不允许添加元标记，我需要一种可以通过CSS类简单实现的方法@实际上，我不允许添加元标记，我需要一种可以通过CSS类简单实现的方法@米查尔·拉赫