javascript封装函数：解决win10缩放和布局推荐125%网页无法自适应的解决方案

原创

漏刻有时 2021-07-30 16:29:29 博主文章分类：javascript ©著作权

文章标签 缩放自动加载封装 javascript 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者漏刻有时的原创作品，请联系作者获取转载授权，否则将追究法律责任

说明：
自能解决部分适应情况，如果要完整解决该缩放和布局，仍需适配。

javascript封装函数：解决win10缩放和布局推荐125%网页无法自适应的解决方案_缩放

//函数封装
function detectZoom () {
    let ratio = 0,
        screen = window.screen,
        ua = navigator.userAgent.toLowerCase();
    if (window.devicePixelRatio !== undefined) {
        ratio = window.devicePixelRatio;
    } else if (~ua.indexOf('msie')) {
        if (screen.deviceXDPI && screen.logicalXDPI) {
            ratio = screen.deviceXDPI / screen.logicalXDPI;
        }
    } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
        ratio = window.outerWidth / window.innerWidth;
    }
    if (ratio) {
        ratio = Math.round(ratio * 100);
    }
    return ratio;
}

//页面自动加载；
window.onload = function(){
    handleScreen();
}