微信小程序获取屏幕高度怎么操作？

　　如果小程序页面内容在设置的时候没有注意就可能会超出页面范围，所以开发者前期一定要估算屏幕高度和宽度，微信小程序获取屏幕高度怎么操作?一起来了解下吧。

　　在XXX.js文件中获取屏幕的宽高.

　　主要根据小程序提供的getSystemInfo()方法,该方法可以获取到设备的常用信息,如手机型号.设备像素比.屏幕宽高等等.最常用的就是屏幕宽高了

　　//获取屏幕宽度

　　var screenWidth = wx.getSystemInfo({

　　success: function (res) {

　　screenWidth = res.windowWidth

　　}

　　})

　　//获取屏幕高度

　　var screenHeight = wx.getSystemInfo({

　　success: function (res) {

　　screenHeight = res.windowHeight

　　}

　　})

　　Page({

　　onLoad:function(){

　　console.log('屏幕高度:'+screenHeight)

　　console.log('屏幕宽度:'+screenWidth)

　　}

　　})

　　.jb51/article/93994.htm

　　使用rpx在实现基本的屏幕自适应.

　　rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

　　设备rpx换算px (屏幕宽度/750)px换算rpx (750/屏幕宽度)

　　iPhone51rpx = 0.42px1px = 2.34rpx

　　iPhone61rpx = 0.5px1px = 2rpx

　　iPhone6s1rpx = 0.552px1px = 1.81rpx

　　微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem: 规定屏幕宽度为20rem;1rem = (750/20)rpx

　　注：开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。

　　建议：设计稿使用设备宽度750px比较容易计算750px的话1rpx=1px，这样的话，小程序设计图上量出来的尺寸是多少px就是多少rpx，至于在不同的设备上实际上要换算成多少个rem就交给小程序自己换算

　　sublime福音：微信小程序组件及API补全插件

　　blogs/zhengrunlin/p/5951224.html

　　hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io

　　微信推出了一套官方样式库,方便大家开发,对于一些类似的小程序UI界面我们需要引入即可,无需重复造轮子.

　　附上github地址: github/weui/weui-wxss

　　我们只需导入weui.wxss等即可减少大量的css布局工作.

　　看完以上资料，大家都了解微信小程序获取屏幕高度怎么操作了吗?相信大家只要不是开发小程序的新手，应该都能开发成功的，如果还想获取更多相关资料，就请关注微信小程序商店。

　　微信小程序获取inpu的值怎么弄?

　　微信小程序获取二维码的流程详解

　　怎样实现微信小程序获取手机号?