微信小程序获取手机屏幕尺寸代码2024
获取手机屏幕尺寸的工具代码挺常见的，但靠谱又轻量的，还是得挑一挑。
微信小程序的getSystemInfoSync()方法就挺好用，能快速拿到screenWidth和screenHeight，适合做自适应布局或者组件响应式适配。
这个代码段打包成了.rar格式，里面有完整的示例页面，调用方式清晰，变量命名也比较规范，贴上去直接用就行，基本不需要改太多。
比如你要根据机型宽度动态设置元素宽度，可以直接写：
const screenWidth = wx.getSystemInfoSync().screenWidth;
const scale = screenWidth / 750;
this.setData({
elementWidth: 200 * scale
});嗯，用在像电商首页、个人中心这种多尺寸适配的页面上，效果还不错，响应也快，体验比较稳。
不过注意下，别放在onLoad里频繁调用，建议缓存结果。微信那边的 API 虽然稳定，但也别太浪。
如果你最近在搞小程序的毕业设计或者要做手机尺寸适配的 UI 交互，可以把这份资源拿去试试，挺省时间的。
文件大小：874B
评论区