vue适配屏幕分辨率，以及屏幕的缩放

　　在考虑笔记本或者显示器默认设置125或者150缩放，导致布局错乱的解决方法
　　一、为什么会出现有这个问题？因为现在很多14寸的笔记本，出厂默认就是150的显示。导致很多时候我们的项目，自己开发的时候都是按照100比例来开发的，上线了就会发现这个问题。二、使用以下方法
　　vue项目util下新建js1、文件名devicePixelRatio。js
　　classDevicePixelRatio｛constructor（）｛this。｝获取系统类型getSystem（）｛varagentnavigator。userAgent。toLowerCase（）；varisMacmacintoshmacosxi。test（navigator。userAgent）；if（isMac）｛｝现只针对windows处理，其它系统暂无该情况，如有，继续在此添加if（agent。indexOf（windows）0）｛｝｝获取页面缩放比例getDevicePixelRatio（）｛｝监听方法兼容写法addHandler（element，type，handler）｛if（element。addEventListener）｛element。addEventListener（type，handler，false）；｝elseif（element。attachEvent）｛element。attachEvent（ontype，handler）；｝else｛element〔ontype〕｝｝校正浏览器缩放比例correct（）｛页面devicePixelRatio（设备像素比例）变化后，计算页面body标签zoom修改其大小，来抵消devicePixelRatio带来的变化。document。getElementsByTagName（body）〔0〕。style。zoom1window。devicePixelR｝监听页面缩放watch（）｛t。addHandler（window，resize，function（）｛注意这个方法是解决全局有两个window。resize重新校正t。correct（）｝）｝初始化页面比例init（）｛if（t。getSystem（））｛判断设备，目前只在windows系统下校正浏览器缩放比例初始化页面校正浏览器缩放比例t。correct（）；开启监听页面缩放t。watch（）；｝｝｝exportdefaultDevicePixelR2、全局导入App。vue3、刷新页面
　　发现不管怎么缩放，125还是150，页面都不会去缩放了，就不会出现错乱的问题了
　　注意事项：
　　没有做mac兼容