微信小程序scroll-view(或者其他view) 计算高度 px转rpx有关

转载于 2018-03-22 15:03:00 发布 · 296 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Early-Bird/p/8623934.html

本文详细介绍了在微信小程序中如何动态获取设备屏幕尺寸，并根据全局变量设置Swiper控件的高度。通过调整预留高度，确保Swiper在不同设备上都能正确显示。

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

 wx.getSystemInfo({
      success: function (res) {
        that.globalData.winWidth = res.windowWidth;
        that.globalData.winHeight = res.windowHeight;
      }
    })

以上，app.js中先获取整体高度赋值给全局变量

以上.wxml代码 style height 赋值使用方法

//定义高度
Page({
  data: {
    winHeight: 0
 },
})

onLoad: function (options) {
 this.setData({
      winHeight: app.globalData.winHeight -                    
                            wx.getSystemInfoSync().screenWidth / 750 * (155)
    })
}
以上 js 是其他控件预留 155rpx情况下
swiper 控件的高度
 