微信小程序获取屏幕高度和宽度,并在视图层使用

Posted p201721440036

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序获取屏幕高度和宽度,并在视图层使用相关的知识,希望对你有一定的参考价值。

逻辑层获取屏幕宽高:
 
//获取屏幕高度
this.setData({
height: wx.getSystemInfoSync().windowHeight,  //屏幕高度
width:wx.getSystemInfoSync().windowWidth  //屏幕宽度
})
 
视图层使用:
 
<view class="page" style="height:{{height}}px">
 
</view>

以上是关于微信小程序获取屏幕高度和宽度,并在视图层使用的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序从文件夹获取图片滑动显示

微信小程序 rpx 尺寸单位详细介绍

微信小程序中的单位

微信小程序页面头部高度自适应

微信小程序ThreeJs加载3D模型

微信小程序实现动态改变view标签宽度和高度的方法