一、常见画布尺寸 小程序常见的画布尺寸为宽度375px、高度667px。这一尺寸是基于iPhone6/7/8的屏幕分辨率设计的,因为这三款设备的屏幕尺寸在市场上占有较大比例。采用这一尺寸设计,可以确保小程序在多数设备上都能正常显示。 二、尺寸适配规则 1.比例适配:为了确保小程序在不同屏幕尺寸上都能保持一致的视觉效果,开...
小程序采用rpx作为宽度单位。在移动端，小程序使用750rpx进行渲染，而rpx的长度与移动端屏幕宽度成固定比例。为了适配不同手机屏幕，小程序会根据宽度进行等比缩放。在设计小程序时，建议使用375667或375812的画布尺寸。需要注意的是，小程序在电脑端上会放大为414736的窗口尺寸，但未经适配的小程序可能只显示固定的414736...
按钮尺寸 小程序中的按钮是用户与小程序进行交互的重要元素。按钮的尺寸应该根据手指触摸的便利性来设计。一般来说，按钮的最小尺寸建议为44px x 44px，这样可以保证用户能够轻松地用手指点击按钮，避免误操作。 例如，在一个预约小程序中，预约按钮、取消按钮等都应该遵循这个尺寸规范。此外，按钮的形状、颜色和...
414 是小程序在电脑端启动时使用的规格,未经适配的小程序在电脑端的窗口就是固定的 414*736 。 用736 这个高也和兼容小屏幕有关就不展开了,且小程序在电脑端也可以使用响应式的适配,只是这个需求实在太少,所以也不在这里多做介绍,感兴趣的可以自己研究官方规范。 最后,我自己当 AI 做总结: 小程序使用 rpx ...
1. 小程序使用 rpx 作为宽度单位 2. 移动端小程序使用 750rpx 渲染 3. rpx 长度是移动端屏幕的 1/750 4. 小程序适配不同手机屏幕的方式是根据宽度等比缩放 5. 创建小程序设计画布使用 375*667 或 375*812 6. 小程序在电脑端上会放大成 414*736 ...
微信小程序封面尺寸是用户能够在微信内首先看到的关于小程序的视觉元素之一，因此设计合适的封面尺寸至关重要。一般而言，微信小程序封面图推荐的尺寸是4:3的比例，具体来说是1125像素 x 846像素。这一推荐尺寸能够确保在大多数情况下封面图能够完整且清晰地展现，从而吸引用户点击。不过在具体实践中，开发者需要根据不...
微信小程序分享图尺寸主要分为两种:方形图和长图。这两种尺寸的要求如下:1. 方形图:宽度为450px,高度为450px。这是微信小程序中默认的分享图尺寸,适合大多数场景。2. 长图:宽度为750px,高度为1000px。长图适用于需要展示更多内容的场景,如文章、新闻、商品列表等。为了获得最佳的分享效果,建议设计师在设计分享...
微信小程序也支持rem尺寸单位,rem和rpx的换算关系:rem: 规定屏幕宽度为20rem;1rem=(750/20)rpx 注:开发微信小程序时设计师可以用iPhone6作为视觉稿的标准。 建议:设计稿使用设备宽度750px比较容易计算750px的话1rpx=1px,这样的话,设计图上量出来的尺寸是多少px就是多少rpx,至于在不同的设备上实际上要换算成多...