如何以 100% ReactJS 强制网页缩放 [重复]答案

【问题标题】：How to force web page zoom at 100% ReactJS [duplicate]如何以 100% ReactJS 强制网页缩放 [重复]
【发布时间】：2019-08-23 10:05:01
【问题描述】：

我想将我的页面缩放设置为 100%，我不想让用户更改它。我尝试了一些 css 函数和 js，但找不到合适的方法。我已经在这里搜索了我的问题。

【问题讨论】：

所以你想改变浏览器的缩放比例，对吗？
这个问题可以参考Prevent zoom cross browser
这会使那些依赖缩放才能真正阅读页面内容的人无法访问您的页面。您真的要排除它们吗？
这不是我自己的项目，产品负责人想要这样。
@Arty 即使不是你的项目，你也应该向产品负责人解释这是不好的做法。

标签： css reactjs

【解决方案1】：

您可以使用库detect-zoom。安装后，您可以在您的组件中尝试

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);
}

【讨论】：