适配笔记本125% 150%缩放解决方法

最新推荐文章于 2026-03-18 02:05:44 发布

原创最新推荐文章于 2026-03-18 02:05:44 发布 · 7.8k 阅读

12 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

这篇博客探讨了当使用IE浏览器在笔记本上打开网页时，由于设备像素比导致页面显示不全的问题，以及缩放比例变化对Echarts表格交互事件的影响。作者提供了一段JavaScript代码来检测缩放情况，并尝试通过修改页面缩放比例来解决显示问题，但指出这种方法可能会导致Echarts的交互偏移。博客着重讨论了浏览器兼容性和页面适配策略。

   var t = window.devicePixelRatio   // 获取下载的缩放 125% -> 1.25    150% -> 1.5

        if (!!window.ActiveXObject || "ActiveXObject" in window) { 
            if (t != 1) {  
                // 如果在笔记本中用IE浏览器打开 则弹出提示
                alert('您的设备对显示进行放大导致页面显示不完全,请调整后打开/或用其他浏览器')
            }
        } else {
            if (t != 1) {   // 如果进行了缩放，也就是不是1
                let c = document.querySelector('body')
                c.style.zoom = -0.62 * t + 1.55;   // 就去修改页面的缩放比例，这个公式我自己算的，不准确，勉强。
            }
        }