当前位置:   article > 正文

小程序获取屏幕宽高wx.getSystemInfoSync().windowWidth_小程序获取屏幕宽度

小程序获取屏幕宽度

方式一:getSystemInfo:需要在success方法中取值

  1. wx.getSystemInfo({
  2. success:function(res) {
  3. console.log(res.windowWidth, '宽')
  4. console.log(res.windowHeight, '长')
  5. }
  6. })

方式二:getSystemInfoSync:可以直接".windowWidth"取值

  1. console.log(wx.getSystemInfoSync().windowWidth, '宽')
  2. console.log(wx.getSystemInfoSync().windowHeight, '长')

1、官方上规定屏幕宽度为20rem,规定屏幕宽为750rpx,则1rem=750/20rpx。

      即:不论哪个型号的手机,屏幕宽度都是750rpx

2、微信小程序rpx,px,rem单位换算规则

      屏幕实际宽度为:wx.getSystemInfoSync().windowWidth  px

      对应的屏幕宽度为:750rpx

      即:1px = (750 / wx.getSystemInfoSync().windowWidth)  rpx

             1rpx = (wx.getSystemInfoSync().windowWidth / 750)  px

             1rem = (wx.getSystemInfoSync().windowWidth / 20)  px
 

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号