如何以100％ReactJS强制网页缩放

Question

我想将页面缩放比例设置为100％，但我不希望用户可以更改它。我尝试了一些CSS函数和JS，但找不到合适的方法。我已经在这里搜索了我的问题。

Answer 1

您可以使用库detect-zoom。 安装完成后，您可以在componenet中尝试

import detectZoom from 'detect-zoom';

handleZoom = () => {
    if (detectZoom.device() * 100 !== 100) {
      console.log('your zoom is not 100)
    } else {
      console.log('your zoom is 100)
    }   
 }
componentDidMount() {
    this.updateZoom();
    window.addEventListener('resize', this.updateZoom);
}