适配屏幕缩放、分辨率

最新推荐文章于 2024-02-01 13:17:18 发布

天魔老师

最新推荐文章于 2024-02-01 13:17:18 发布

阅读量91

点赞数

分类专栏：前端文章标签： javascript 前端 html 缩放分辨率

本文链接：https://blog.csdn.net/weixin_39990025/article/details/129063627

版权

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

	// 屏幕适配
    const t = window.devicePixelRatio   // 获取下载的缩放 125% -> 1.25    150% -> 1.5
    // var heigth_screen = window.screen.height;    // 获取整个屏幕的分辨率
    const width_screen = window.screen.width;
    let zoom = 1
    if (t !== 1) {
      zoom = (1 / t) * zoom;   // 就去修改页面的缩放比例
    }
    if (width_screen < 1366) {
      zoom = (width_screen / 1366) * zoom;   // 就去修改页面的缩放比例
    }
    document.body.style.zoom = zoom;   // 就去修改页面的缩放比例