小程序
小游戏
企业微信
微信支付
扫描小程序码分享
let result = wx.getSystemInfoSync()
let windowWidth = result.windowWidth//获取window的宽度（单位px）
let windowHeight = result.windowHeight//获取window的高度（单位px）
小白一个，JS中获取的这些长宽数据如何拿到 wxml 或 wxss中使用呢？
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
wxml
let result = wx.getSystemInfoSync() let windowWidth = result.windowWidth//获取window的宽度（单位px） let windowHeight = result.windowHeight//获取window的高度（单位px） <view style="width:{{windowWidth }}px; height:{{windowHeight }}px;"></view>
wxss不能直接使用的，但可以使用css var方法使用
wxml <view class="contianer" style="--win-width--:{{windowWidth}}px;--win-height--:{{windowHeight}}px;"></view> wxss .contianer { width :var(--win-width--); height:var(--win-height--) }
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
style="width:{{windowWidth }}px; height:{{windowHeight }}px;"
最好是100%就行了，或者100vw, 100vh
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
wxml
let result = wx.getSystemInfoSync() let windowWidth = result.windowWidth//获取window的宽度（单位px） let windowHeight = result.windowHeight//获取window的高度（单位px） <view style="width:{{windowWidth }}px; height:{{windowHeight }}px;"></view>wxss不能直接使用的，但可以使用css var方法使用
wxml <view class="contianer" style="--win-width--:{{windowWidth}}px;--win-height--:{{windowHeight}}px;"></view> wxss .contianer { width :var(--win-width--); height:var(--win-height--) }style="width:{{windowWidth }}px; height:{{windowHeight }}px;"
最好是100%就行了，或者100vw, 100vh