微信小程序獲取屏幕高度寬度
微信小程序獲取屏幕高度方法一：
onLoad:function(){
this.setData({
height:wx.getSystemInfoSync().windowHeight,
width:wx.getSystemInfoSync().windowWidth
})
}
微信小程序獲取屏幕高度方法二：
.index{
height:100vh;
width:100vw;
}
#CSS3引入的"vw"和"vh"基于寬度/高度相對于窗口大小
#"vw"="viewwidth""vh"="viewheight"
微信小程序獲取屏幕高度 小程序屏幕高度怎么獲取
微信小程序獲取屏幕高度方法三：
letthat=this;
//獲取系統信息
wx.getSystemInfo({
success:function(res){
//獲取可使用窗口寬度
letclientHeight=res.windowHeight;
//獲取可使用窗口高度
letclientWidth=res.windowWidth;
//算出比例
letratio=750/clientWidth;
//算出高度(單位rpx)
letheight=clientHeight*ratio;
//設置高度
that.setData({
height:height
});
}
});
方法四：獲取微信小程序內元素高度
constquery=wx.createSelectorQuery()//定義query
query.select('#txt_medium').boundingClientRect()//獲取元素參數
query.exec((res)=>{
console.log(res)//可以得到元素高度、距離頂部的top值、寬度等，單位為px
})
方法五：獲取微信小程序屏幕高度和寬度，單位：px
height:wx.getSystemInfoSync().windowHeight,
width:wx.getSystemInfoSync().windowWidth
如果您的問題還未解決可以聯系站長付費協助。
有問題可以加入技術QQ群一起交流學習
本站vip會員 請加入無憂模板網 VIP群（50604020） PS:加入時備注用戶名或昵稱
普通注冊會員或訪客 請加入無憂模板網 技術交流群（50604130）
客服微信號：15898888535
聲明：本站所有文章資源內容，如無特殊說明或標注，均為采集網絡資源。如若內容侵犯了原著者的合法權益，可聯系站長刪除。
