通过JS控制页面不跟随系统文本、应用比例缩放

最新推荐文章于 2024-02-18 13:42:31 发布

谁在奇术是我奇树

最新推荐文章于 2024-02-18 13:42:31 发布

阅读量1.5k

点赞数

分类专栏： web前端学习

本文链接：https://blog.csdn.net/qq_30726599/article/details/123605924

版权

JavaScript 页面布局缩放比例设备像素比浏览器兼容性

关键词由CSDN通过智能技术生成

web前端学习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这段时间将我做好的项目给我同学的电脑上展示的时候，却发现页面的字体跟布局发生了巨大的变化，很明显和系统的缩放或者分辨率有关系。网上找到了一个可以通过js在进入页面的时候检测该页面是否又被进行过缩放，缩放的比例，然后随着这个比例，修改当前页面的缩放比例，尽量还原你想达到的正常的页面布局效果。

var t = window.devicePixelRatio   // 获取下载的缩放 125% -> 1.25    150% -> 1.5
if(t != 1){   // 如果进行了缩放，也就是不是1
   document.body.style.zoom = -0.6 * t + 1.55;   // 就去修改页面的缩放比例，这个公式我自己算的，不准确，勉强。
}