rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应规定屏幕宽为750rpx如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 05px = 1物理像素设。

小程序开发尺寸是rpxresponsive pixel，可以实现一稿适配所有屏幕尺寸，小程序编译后，rpx会做一次px换算换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1rpx = 1px这里了解就行，设计稿尺寸。

如服装类530*650其他小程序推广页分别为弹窗图530*650，浮窗海报750*259，会场转发图500*400 如服装类，我们会在架构表备注的要求 商品详情页750或800的宽度皆可，适应手机阅读，高度则根据商品本身实际情况而定，建。

2设计商品图尺寸，建议详情图尺寸宽度800，高度不限，输出画质70%，格式jpg3目前微信小程序分享图片分享卡片的图片尺寸长宽比例是54，只要是这样的比例就可以了，比如50px*40px100px*80px设置成这样的图片大小。

案例2一个以屏幕最长边为边长的正方形如上图右边黄色区域可以这样定义所以，我们在小程序中使用 vmin 作为长度单位就能保证所有元素都能正常展示，也可以适应各种尺寸的屏幕了但是这样一来，写CSS的时候不就很麻烦。

以下图为例，ui给定的头像的宽高为90px总结ui以苹果6或者苹果6plus为模板设计出来的图片，px和rpx都需要做运算处理，规律如上，小程序官方文档建议ui以苹果6模板作图我的这篇文章有各种设备的尺寸信息 手机屏幕尺寸。

点击模板进入后台编辑页面，在“小程序设计页面设计”里，你可以添加图片banner版块，选择轮播图类型，上传自己的轮播图图片小程序轮播图尺寸大小推荐1600*900，这样看起来比较美观如果你没有自己的图片，也可以使用上线了。

需要注意的是，微信小程序的全屏显示可能会受到电脑屏幕大小和分辨率的限制，如果小程序界面设计不合理，可能会导致部分内容显示不全或者布局错乱因此，在开发微信小程序时，应该考虑到不同屏幕大小和分辨率的适配问题，以确保小。

以一场专题活动为例，说明设计的图片内容和常规尺寸要求如下专题页头图即首页焦点图轮播图尺寸视行业特性而定，如百货类生鲜类690*230，如服装类530*650其他小程序推广页分别为弹窗 图530*650，浮窗海报750*259。

关于是否使用rpx还是px，首先需要明白两者之间的区别rpx微信小程序中的尺寸单位rpxresponsive pixel可以根据屏幕宽度进行自适应规定屏幕宽度为750rpx微信官方建议视觉稿以iphone6为标准，一般设计师出图为2倍图px。

制作的icon要在50*50px以内红色， 小程序导航icon周围系统自留了空间蓝色，此处的小房子icon是34*39px 微信小程序，简称小程序，英文名MiniProgram，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”。

1打开微信公众平台登录公众号，进入素材管理界面然后新建图文信息，进入图文编辑界面点击右方多媒体列表中的“小程序”2选择已经与公众号绑定的小程序3确认展示形式4填写小程序路径卡片标题，并上传大小为。

不过，有可能是因为微信小程序本身的限制或者是电脑的浏览器设置原因导致无法放大你可以尝试以下方法来解决问题1 按住键盘上的 Ctrl 按键，同时滚动鼠标滚轮，可以放大或缩小浏览器窗口内的内容和页面大小2 如果上述。

为了适应广大的前端开发者，微信小程序的 SS 具有 CSS 大部分特性 同时为了更适合开发小程序，微信开发者对 CSS 进行了扩充以及修改与 CSS 相比SS扩展的特性有其中，rpx就是尺寸单位建议 开发微信小程序时。

360像素宽度乘200像素高度根据查询广力云微信网显示微信小程序平台规定，小程序头像的尺寸必须为正方形为了保证头像的清晰度，建议头像的尺寸为360像素宽度乘200像素高度随着小程序的普及，越来越多的企业和个人开始开发。

微信导航栏，直接继承于客户端，除导航栏颜色之外，开发者无需亦不可对其中的内容进行自定义但开发者需要规定小程序各个页面的跳转关系，让导航系统能够以合理的方式工作微信导航栏分为导航区域标题区域以及操作区域其中导航区控制程序。

程序作者可调整首先第一步需要我们登录注册申请的微信公众号的后台，在登录到后台之后选择右侧的“素材管理”这个选项，进入到微信公众号的素材管理之后，找到并点击“新建图文素材”这个选项现在来打开一个Word软件，在Word。