当前位置:   article > 正文

微信小程序 获取用户手机屏幕高度与宽度_微信小程序获取屏幕宽度

微信小程序获取屏幕宽度

第一种方案(推荐)

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

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

  1. /* 元素根据手机屏幕宽高占位100% */
  2. .view {
  3. height: 100vh;
  4. width: 100vw;
  5. }

 第二种方案

使用微信小程序提供的 API 来获取窗口大小,具体看文档。

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

 

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号