Отключить масштабирование колеса мыши с помощью CSS - PullRequest
Новая
       138

Отключить масштабирование колеса мыши с помощью CSS

0 голосов
/ 07 августа 2020

Я использую npm пакет react-flow-chart в проекте,

Диаграмма имеет встроенное свойство, позволяющее масштабировать ее вверх и вниз колесиком мыши.

Могу ли я каким-то образом disable this mouse-scaling using a CSS property?

Заранее спасибо.

Сообщение Примечание: у меня есть отдельные кнопки для масштабирования диаграммы в заранее заданном диапазоне, решение не должно влиять на эту функциональность.

Ответы [ 2 ]

1 голос
/ 07 августа 2020

С 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'/>"
  );
});
1 голос
/ 07 августа 2020

Поместите это в свой <head> в index.html

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