微信小程序获取元素的高度

最新推荐文章于 2025-03-14 08:41:49 发布

原创最新推荐文章于 2025-03-14 08:41:49 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #javascript #前端

微信小程序专栏收录该内容

38 篇文章

订阅专栏

这篇博客介绍了如何使用微信小程序的 createSelectorQuery API 来获取元素的高度，并将其转换为rpx单位。通过 boundingClientRect 方法获取到元素的clientHeight和clientWidth，然后根据屏幕宽度比例进行转换，确保尺寸适配不同设备。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取高度（单位px）

let query = wx.createSelectorQuery();
query.select('.content').boundingClientRect(rect=>{
  let height = rect.height;
  console.log(height);
}).exec();
// .exec() 不加不执行

获取高度（单位rpx）

let query = wx.createSelectorQuery();
query.select('.content').boundingClientRect(rect=>{
  let clientHeight = rect.height;
  let clientWidth = rect.width;
  let ratio = 750 / clientWidth;
  let height = clientHeight * ratio;
  console.log(height);
}).exec();