小程序之所以能够在分辨率不同的设备上保证视觉元素的正常显示，是因为rpx(微信小程序中CSS的尺寸单位)的动态尺寸单位的作用 。对于很多人来说，都会理解像素：“在显示屏上，每一个画面都是由无数的点阵形成的 。这个点阵中，每一个点叫作像素，就是pixel(缩写为px)” 。
但是随着视网膜屏的推出和高分屏的普及，px所能代表的实际长度就会发生改变 。单纯地使用px并不能满足需求，小程序元素很难保证在不同设备上的正常显示 。即使是同样的px尺寸的元素，在高分屏上的显示要比低分屏小很多 。
在这种情况下，小程序需要的是一个动态的长度单位，这个长度单位还能够对不同的屏幕的分辨率进行调整和适配，以保证所有元素在不同的屏幕上的展示都是一样的 。
在微信的官方文档中，有这样的一句话：在iPhone 6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5px=1物理像素 。也就是说，微信小程序的设计师可以把iPhone 6的界面作为视觉稿的标准 。
小程序设计师在设计小程序的时候，就可以直接利用iPhone 6(375×667)的屏幕尺寸作为视觉稿尺寸，然后以1px=2rpx的标准，将设计稿件设定为750×1334 。
当小程序的设计稿交给程序员之前，小程序设计师需要描述好稿尺寸和单位换算标准，从而能够帮助程序员快速实现界面正常的效果 。
其实，从小程序的界面适配上也可以看出，微信小程序放到电脑上运行，屏幕的宽度很可能会发生变化，以宽度为基准，最后很容易出现元素显示不全面的情况 。
另外，微信官方不希望小程序在除了手机以外的设备上运行，因此对于开发者来说，可以把全部的注意力集中在手机上，不需要担心手机屏幕的尺寸大小带来的界面适配问题 。
原来的小程序在安卓手机中某些屏幕分辨率下，出现了一些遮挡的漏洞，部分元素的大小也不能符合人的视觉习惯 。在进行优化之后，小程序的界面进行了进一步的适配，漏洞被补充，元素的字体大小也得到调整 。
虽然说小程序已经基本适应不同的版本和不同的手机型号，但是从细节上来看，还会出现一些差别，这还是会带给用户一些不适体验，因此，要对界面进行优化，使小程序能够适配不同的屏幕 。
操作体验更优化
小程序如果能够带给用户更好的操作体验，势必会使小程序的传播范围得到进一步扩大，对小程序进行优化的时候，能够带给用户最直观的感受就是操作体验的改善，因此，优化操作体验对于用户的留存来说非常重要 。
小程序即使能够做出一些操作上的优化，在用户看来这也是不明显的，只有当用户真正体验的时候，才能真正体会到优化后的小程序在操作上的良好体验 。
从小程序的主页面来看，如果能够在主界面中添加一个“立即体验”的按钮，用户通过单击这个按钮就可以进入到主程序中 。这个功能在很多APP中都会有，用户在第一次使用APP的时候，往往会有一个导入过程 。在最后一个页面中会有“立即体验”这一个按钮，之所以设置这个按钮是为了更好地引导用户，不至于用户在主界面感到迷茫 。
以一个电商类的小程序为例，当用户进行结账的时候，以往通常需要用户手动去聚焦，长时间进行这个操作难免会使用户烦躁 。对这一操作进行优化，用户在输入金额的时候，输入框就会自动获取焦点，并且弹出数字键盘，用户只需要填写金额就可以了 。
微信支付在这一方面的体验就比较好，利用支付宝、余额宝或者是银行卡在线支付时，用户往往在输入一定的金额之后，再单击“确定”按钮，虽然这一做法可以减少用户的错误率，但是用户频繁地进行这种操作，也会觉得这项操作有些多余 。微信支付有一个非常方便的地方就是在输入框中输入金额之后，不用单击其他按钮，就会自动进行确定支付，一个完整的支付过程就完成了 。
推荐阅读
- 如何把微信小游戏添加到桌面快捷方式
- 如何选电脑和买电脑
- 微信公众号如何营销 ?微信公众号营销介绍！
- 该如何选择小程序平台?小程序平台怎么选择？
- 为什么小香风显老 小香风如何搭配
- 西瓜的种植方法和时间 西瓜如何种植
- 丰巢快递柜如何扫描二维码取件
- 华为mate60如何录屏
- 如何才能唱歌不跑调
- 自然堂冰肌水可以搭配哪些护肤品自然堂冰肌水如何搭配护肤品