尤明明Blog

网站建设 | 前端切图,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » js常用代码 »

前端网页应对笔记本125% 150%缩放解决方法

2021-02-21   Umming   js常用代码    评论(0)    浏览(6390)


var zoom = window.devicePixelRatio || window.screen.deviceXDPI / window.screen.logicalXDPI; ; 
  console.log(zoom);
        if (!!window.ActiveXObject || "ActiveXObject" in window) { 
            if (zoom != 1 && zoom !=2 && zoom !=3) {  
                AOS.init({disable: true});
                alert('系统检测到您的设备对显示进行放大,可能导致页面显示不全,请调整后打开/或使用其他浏览器!')
            }
        } else {
            if($(window).width()>=1280){
            if (zoom != 1 && zoom !=2 && zoom !=3) {  
               AOS.init({disable: true});
                var c = document.querySelector('body');
                c.style.zoom = -0.62 * zoom + 1.65;  
            }
           }
        }

chrome内核浏览器可以完美展示,ie需要提示用户为了得到好的用户体验需要手动缩小缩放比例或者更换浏览器

标签: 浏览器兼容性

本文链接:https://www.umming.com/js/273.html

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论:

//