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

7月前作者：大大。分类：Toy博客阅读(28) 违法举报

这篇具有很好参考价值的文章主要介绍了小程序获取屏幕宽高wx.getSystemInfoSync().windowWidth。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

方式一：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
文章来源地址https://www.toymoban.com/news/detail-518464.html

到了这里，关于小程序获取屏幕宽高wx.getSystemInfoSync().windowWidth的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

[unity]如何通过代码获取UI宽高和屏幕宽高

1.获取UI宽高首先，使用GetComponentRectTransform().sizeDelta获取，但是这样会有问题，会跟锚点设置有关，改变设置后获取不对只适用于MiddleCenter 所以又看了API，可以使用GetComponentRectTransform().rect获取打印如下： 2.获取屏幕宽高宽度： UnityEngine.Screen.width 高度： UnityEngine.Screen.

2024年02月17日
浏览(32)
Android 获取屏幕宽高的正确姿势

在开发时，我们经常需要根据屏幕的宽高来进行对view的适配，无论是自定义view还是andorid自带的一些控件，比如说需要占当前屏幕高度的30%，就需要获取到屏幕的宽高，但在获取宽高时我遇到了一些坑，总结如下下面两种方法都是安卓自带方法可以获取到屏幕宽高的但是！

2024年02月11日
浏览(34)
React Native获取手机屏幕宽高（Dimensions）

参考链接： https://www.reactnative.cn/docs/next/dimensions#%E6%96%B9%E6%B3%95 https://chat.xutongbao.top/

2024年02月14日
浏览(37)
vue3指导教程（附带获取屏幕可视区域宽高）

vue3.0 向下兼容 vue2.x 版本，优化了主要核心双向绑定原理和体积大小，并且更加友好的兼容 ts 语法。vue3是基于ES6新增的proxy代理实现的。 1.1 vue3的特点新增了组合式api 更接近原生js 更加解耦（收到react启发）按需加载 1.2 与vue2的区别相同点：生命周

2024年02月03日
浏览(36)
uniapp获取屏幕宽度时获取不到移动设备中内容盒子宽度

首先：我使用的是uniapp+ vue3语法：问题：我出现这个问题是IOS 设备发现的，data.boxWidth为0 代码：原因：使用了 uni.createSelectorQuery() 来获取元素的宽度，然后在回调函数中设置 data.boxWidth 的值。然而， uni.createSelectorQuery() 方法是异步的，也就是说，它会在后台进行元素查

2024年02月13日
浏览(36)
js和jquery获取屏幕宽高以及加margin和padding等边距的宽高

Javascript: JQuery div的宽高：

2024年01月20日
浏览(33)
Android 开发中获取屏幕宽高(分辨率)的几种方式

2024年02月15日
浏览(32)
JS获取各种屏幕的宽度和高度

JS获取各种屏幕的宽度和高度描述用法网页可见区域宽 document.body.clientWidth 网页可见区域高 document.body.clientHeight 网页可见区域宽 document.body.offsetWidth (包括边线的宽) 网页可见区域高 document.body.offsetHeight (包括边线的高) 网页正文全文宽 document.body.scrollWidth 网页正文全文高 d

2023年04月27日
浏览(36)
uni-app获取系统信息（手机牌子、手机型号、屏幕宽度、屏幕高度）

如下官网链接：系统信息的概念 | uni-app官网

2024年02月12日
浏览(34)
小程序获取窗口宽高和dom元素

wx.getSystemInfoSync().windowWidth // 获取当前窗口的宽度 wx.getSystemInfoSync().windowHeight // 获取当前窗口的高度 wx.getSystemInfoSync().model // 获取当前采用的设备 wx.getSystemInfoSync().pixelRatio wx.getSystemInfoSync().language // 获取当前所采用的的语言 wx.getSystemInfoSync().version // 获取当前设备的版本 ==

2024年02月15日
浏览(34)