微信小程序:获取小程序的宽度,高度,并赋值

本文介绍如何在微信小程序中使用wx.createSelectorQuery获取元素尺寸,并展示如何获取设备信息如窗口大小、像素比等,为适应不同设备提供灵活布局。

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

js页面:
获取各种高度:
wx.getSystemInfoSync().windowWidth   // 获取当前窗口的宽度
wx.getSystemInfoSync().windowHeight    // 获取当前窗口的高度
wx.getSystemInfoSync().model    // 获取当前采用的设备
wx.getSystemInfoSync().pixelRatio   
wx.getSystemInfoSync().language   // 获取当前所采用的的语言
wx.getSystemInfoSync().version    // 获取当前设备的版本

赋值的格式:

 

获取页面元素的宽高

//创建节点选择器

var query = wx.createSelectorQuery();

//选择id

var that = this;

query.select( '.element').boundingClientRect( function (rect) {

// console.log(rect.width)

that.setData({

height: rect.width + 'px'

})

}).exec();

 

 

< view class= 'element' style= 'height:{{height}}'></ view >

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值