自学内容网 自学内容网

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

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

比如,

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

在这里插入图片描述

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

1、设置了缩放的屏幕

在这里插入图片描述

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

在这里插入图片描述

三、教训

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


原文地址:https://blog.csdn.net/leftfist/article/details/143688374

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!