前言
有時候我們需要獲取用戶手機螢屏高度或寬度來完成一些界面表現,具體請看代碼,
第一種方案(推薦)
"vw" = "view width""vh" = "view height"
使用 CSS3 引入的 vw / vh 基于寬度/高度相對于視窗大小,
/* 元素根據手機螢屏寬高占位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
})
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/166054.html
標籤:python
上一篇:react的hooks的用法
下一篇:Linux配置C++11編譯環境
