ADADADADAD

小程序页面如何适应多种屏幕尺寸[ 建站问答 ]

建站问答时间：2024-12-01 19:14:50

作者：文/会员上传

幻兽帕鲁孵化器制作在哪里

简介：

设置小程序页面适应多种屏幕尺寸的方法1.首先，进入微信开发者工具，在小程序项目中新建一个页面；<view id='canvas-container' class='ctx' style='width:2

以下为本文的正文内容，内容仅供参考！本站为公益性网站，复制本文以及下载DOC文档全部免费。

设置小程序页面适应多种屏幕尺寸的方法

1.首先，进入微信开发者工具，在小程序项目中新建一个页面；

<view id='canvas-container' class='ctx' style='width:200rpx;height:100rpx;'>

2.通过wx.createSelectorQuery()方法获取组件节点的宽高，并将节点的rpx单位转换成px单位；

wx.createSelectorQuery().select('#canvas-container').boundingClientRect(function(rect){
varwidth=rect.width/2//节点的宽度
}).exec()

3.最后，在将获取的节点宽高，使用在画布中即可；

ctx.translate(width,width);

将本文的Word文档下载到电脑

热门标签: 小程序

申请https需要什么条件