js解决分辨率125%后页面问题

js解决分辨率125%后页面问题

1.如果是新开发web页面请使用响应式布局
一个单位的vw代表屏幕宽度的1/100
一个单位的vh代表屏幕高度的1/100
如： width: 10vw; /* vw代表屏幕宽度的1/100 /
height: 10vh; / vh代表屏幕高度的1/100 */
包括字体也可以用。`
2.如果是老页面比如大屏，想适配小屏幕
现在电脑显示一般建议都是125%(推荐)
windows系统自带的字体项目放大功能，将之调整称为125%/150% ；这时候window.devicePixelRatio是1.25/1.5

如：

 var p = window.devicePixelRatio;
   if(p==1.25){
       //根据自己需求设置缩放大小,这里0.8为F11全屏后缩放值
       document.body.style.zoom = 0.8;
   }