屏幕缩放后截屏图片尺寸数字偏大导致前端DOM尺寸设置失真问题

如果显示器的尺寸缩放，而不是100%的话，利用截屏软件截取屏幕中的区域，截取时读取到的区域尺寸，就会失真；如果使用这个尺寸去设置网页中的DOM，则Dom的尺寸也会跟着失真。

比如，

一、显示器做了缩放设置：

二、用截屏软件截图，看到的尺寸会失真

1、设置了缩放的屏幕

2、没有设置缩放的屏幕截图

三、教训

如果使用失真的尺寸，去设置网页中的DOM，则必然引起谬误。我上次因为网页中使用了一幅背景图，然后需要设置一些DOM漂浮在上面。我的笔记本电脑屏幕设置了缩放，结果总是发现DOM摆放的位置不对，并且尺寸偏大，也不知道这些多出那么多的边距是从哪来的。调来调去，怎么调都不对，时间又很紧迫，差点崩溃。