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

最新推荐文章于 2024-05-07 19:19:19 发布

大大。

最新推荐文章于 2024-05-07 19:19:19 发布

阅读量5.2k

点赞数

分类专栏：小程序文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_43923808/article/details/126657198

版权

47 篇文章 3 订阅

订阅专栏

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

wx.getSystemInfo({
    success:function(res) {
    console.log(res.windowWidth, '宽')
    console.log(res.windowHeight, '长')   
    }
})

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

    console.log(wx.getSystemInfoSync().windowWidth, '宽')
    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

关注