微信小程序 获取当前屏幕的可见高宽度

很多时候我们做一下逻辑 需要用整个窗口的高度或宽度参与计算

而且很多时候我们js中拿到的单位都是px像素点 没办法和rpx同流合污

官方提供了wx.getSystemInfoSync() 可以获取到部分窗口信息 其中就包括了整个窗口的宽度和高度

wx.getSystemInfoSync().windowHeight 返回值为像素点 px 整个屏幕的可见高度

wx.getSystemInfoSync().windowWidth 返回值为像素点 px 整个屏幕的可见宽度

运行结果如下

相关推荐
程序员王天3 小时前
Uniapp 自定义TabBar + 动态菜单实现教程(Vuex状态管理详解)
微信小程序·uni-app
帅次5 小时前
Flutter Expanded 与 Flexible 详解
android·flutter·ios·小程序·webview
kidding7235 小时前
微信小程序怎么分包步骤(包括怎么主包跳转到分包)
前端·微信小程序·前端开发·分包·wx.navigateto·subpackages
低代码布道师7 小时前
加油站小程序实战教程12显示会员信息
低代码·小程序·云开发
码起来呗7 小时前
基于Spring Boot+微信小程序的智慧农蔬微团购平台-项目分享
spring boot·后端·微信小程序
前端 贾公子8 小时前
微信小程序 == 倒计时验证码组件 (countdown-verify)
微信小程序·小程序
白飞飞9 小时前
原生小程序工程化指北:从混乱到规范的进化之路
前端·vue.js·微信小程序
换日线°11 小时前
微信小程序文字混合、填充动画有效果图
css·微信小程序
hmywillstronger13 小时前
【ESP32】【微信小程序】MQTT物联网智能家居案例
物联网·微信小程序·智能家居
清晨細雨14 小时前
uniapp微信小程序:WIFI设备配网之TCP/UDP开发AP配网
前端·物联网·小程序·uni-app