uniapp获取元素高度不准确问题解决

uniapp通过boundingClientRect获取的元素高度和实际高度差了不少,下面是复现和解决过程:

我的代码:

得到的结果:

高度只有105

用工具量一下:

实际有240px,遂gpt问下:

注意到了缩放比这个之前没想到的点,往下面看gpt更多的回复内容:

先获取系统缩放比,再乘以拿到的高度。

但是就算乘以2,也还差了不少,105*2才等于210,和240还有差距,这些差距我的想法是自己补齐,具体做法见:

乘以2后多加50,这样就能补齐差距了。

最终结果:

这是我的做法,如果大家有更好的做法,还烦请评论区告知。

这篇分享文章就到这里啦!如果你对文章内容有疑问或想要深入讨论,欢迎在评论区留言,我会尽力回答。同时,如果你觉得这篇文章对你有帮助,不妨点个赞并分享给其他同学,让更多人受益。

想要了解更多相关知识,可以查看我以往的文章,其中有许多精彩内容。记得关注我,获取及时更新,我们可以一起学习、讨论技术,共同进步。

感谢你的阅读与支持,期待在未来的文章中与你再次相遇!

我的微信公众号:【xdub】,欢迎大家订阅,我会同步文章到公众号上。

相关推荐
爱学习的茄子几秒前
AI驱动的单词学习应用:从图片识别到语音合成的完整实现
前端·深度学习·react.js
用户3802258598241 分钟前
使用three.js实现3D地球
前端·three.js
程序无bug3 分钟前
Spring 面向切面编程AOP 详细讲解
java·前端
zhanshuo3 分钟前
鸿蒙UI开发全解:JS与Java双引擎实战指南
前端·javascript·harmonyos
撰卢27 分钟前
如何提高网站加载速度速度
前端·javascript·css·html
10年前端老司机32 分钟前
在React项目中如何封装一个可扩展,复用性强的组件
前端·javascript·react.js
Struggler28135 分钟前
解决setTimeout/setInterval计时不准确问题的方案
前端
sophie旭43 分钟前
《深入浅出react开发指南》总结之 10.1 React运行时总览
前端·react.js·源码阅读
蓝易云1 小时前
Qt框架中connect()方法的ConnectionType参数使用说明 点击改变文章字体大小
linux·前端·后端
sophister1 小时前
Flex 布局中容易踩的那些坑,你踩过几个?
前端·css·html