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

Posted 2023-02-21

【中文标题】如何以 100% ReactJS 强制网页缩放 [重复]

【英文标题】：How to force web page zoom at 100% ReactJS [duplicate]

【发布时间】：2019-08-23 10:05:01

【问题描述】：

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

【问题讨论】：

所以你想改变浏览器的缩放比例，对吗？

这个问题可以参考Prevent zoom cross browser

这会使那些依赖缩放才能真正阅读页面内容的人无法访问您的页面。您真的要排除它们吗？

这不是我自己的项目，产品负责人想要这样。

@Arty 即使不是你的项目，你也应该向产品负责人解释这是不好的做法。

【参考方案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);