获取屏幕比例
发表于:2023-10-15 |

前言

不知道大家是否遇到过需要适配屏幕大小的问题,有的电脑他屏幕其实很大,但是因为他系统设置里面设置了缩放,导致了我们rem的适配出现问题,这里我给出一个获取屏幕比例的方法,这样我们就可以根据屏幕比例来设置rem的大小了。

获取屏幕比例

这个方法得到的是比例,如150%就是1.5,100%就是1,200%就是2,以此类推。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
//获取屏幕缩放比例
function getRatio()
{
var ratio=0;
var screen=window.screen;
var 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;
}
return ratio;
}

结语

记录一点点,进步一点点。

上一篇:
精度计算
下一篇:
【可视化学习】50-汽车展示与选配