前言

有時(shí)候我們需要獲取用戶手機(jī)屏幕高度或?qū)挾葋硗瓿梢恍┙缑姹憩F(xiàn)，具體請(qǐng)看代碼。

第一種方案（推薦）

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

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

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

第二種方案

官方文檔：https://developers.weixin.qq.com/miniprogram/dev/api/base/system/system-info/wx.getSystemInfo.html

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

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