#小程序#获得屏幕高度，view高度

夜猫的兔子

于 2018-09-26 17:42:42 发布

阅读量7.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/G_wendy/article/details/82856462

小程序专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在WXML中通过选择器查询API获取元素的高度，并使用getSystemInfo方法计算手机屏幕高度的rpx单位，实现响应式布局。示例代码展示了如何在微信小程序中执行这些操作。

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

wxml中：<view id='getheight'></view>

var query = wx.createSelectorQuery();
query.select('#getheight').boundingClientRect()
query.exec(function (res) {
  //console.log(res);
  console.log(res[0].height);
})

手机屏幕高度单位rpx：

 wx.getSystemInfo({
      success: function(res) {
        let h = 750 * res.windowHeight/res.windowWidth
         console.log(h);
      }
    })