第一種方案（推薦）

"vw" = "view width"?"vh" = "view height"

使用?CSS3?引入的?vw / vh?基于寬度/高度相對于窗口大小。

/* 元素根據(jù)手機屏幕寬高占位100% */ .view {height: 100vh;width: 100vw; }

?第二種方案

使用微信小程序提供的 API 來獲取窗口大小，具體看文檔。

onLoad: function () {
? ?this.setData({
? ? ?height: wx.getSystemInfoSync().windowHeight,
? ? ?width: wx.getSystemInfoSync().windowWidth
? ?})
?}

?

總結

以上是生活随笔為你收集整理的微信小程序 获取用户手机屏幕高度与宽度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。