css - 使用 CSS 禁用鼠标滚轮缩放

Question

我react-flow-chart在一个项目中使用 npm 包，

该图表具有使用鼠标滚轮向上和向下缩放的内置属性。

我有什么办法disable this mouse-scaling using a CSS property吗？

提前致谢。

后注：我有单独的按钮来在预定义的范围内缩放图表，解决方案不应影响该功能。

标签： cssreactjsmouseeventmousewheel

Answer 1

使用 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'/>"
  );
});