微信小程序 - 获取用户手机屏幕高度与宽度(两种方案)

   日期:2020-10-09     浏览:238    评论:0    
核心提示:前言有时候我们需要获取用户手机屏幕高度或宽度来完成一些界面表现,具体请看代码。第一种方案(推荐)"vw" = "view width" "vh" = "view height"使用 CSS3 引入的 vw / vh 基于宽度/高度相对于窗口大小。.view { height: 100vh; width: 100vw;}第二种方案官方文档:https://developers.weixin.qq.com/miniprogra

前言

有时候我们需要获取用户手机屏幕高度或宽度来完成一些界面表现,具体请看代码。

第一种方案(推荐)

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

使用 CSS3 引入的 vw / vh 基于宽度/高度相对于窗口大小。


.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
   })
 }
 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服