？我是公众号线下派对游戏的作者HullQin（欢迎关注公众号，发送加微信，交友），转发本文需要作者HullQin授权。我独立开发了《联机桌游合集》，这是一个网页，在这里你可以轻松地和朋友一起玩网络游戏，五子棋等游戏，不收费，也没有广告。还为GameJam2022开发了《Dice Crush》，喜欢的话可以关注我HullQin哦~有空我会分享制作游戏的相关技术。背景我最近写了3篇关于微信大字体的文章：《在微信大字号模式下，网页样式乱了怎么办？》提供了解决方法。用户调整微信字体大小后，可以保证网页的字体大小不变，解决了样式混乱的问题。《让你的网页，适配微信大字号模式！体验超好，快来收藏》介绍几种解决方案，帮助您的网页适配微信大字体。《微信设置大字号后，iOS加载网页时闪动怎么办？》介绍解决iOS大字体模式下首屏闪烁问题的解决方案。说到大字号，就想起了经典的面试题：请说说小程序中px和rpx的区别。随着时间的推移，rpx的缺点逐渐暴露出来，不再推荐使用。前段时间提出一个要求，一位UI设计同学要求将小程序代码中的rpx全部转为px（当时写了一个脚本自动将代码中的rpx单位全部转为px）。重新认识rpx和px众所周知，rpx是相对单位，px是绝对单位。px定义的“大小，距离”是固定的，不受屏幕宽度的影响。rpx定义的“大小，距离”受视图宽度的影响，比例为1rpx=1/750vw。有人说所有的小程序都应该用rpx。也有人说所有小程序都应该使用px。我们不争论分析，因为这完全取决于产品的吸引力。下面分析一下两者在微信浏览器中放大字体大小的后果：方案的优缺点都是使用rpx页面宽度改变，屏幕比例不变；开发成本低。在屏幕较大的设备（如iPad）上，间隙会占据大部分空间。空间，导致页面空间利用不足，给人一种空虚感。px页宽变化，间距不变，一屏显示更多内容，空间利用率高。屏幕比例发生了变化；开发人员需要注意响应式布局。这就要看产品的吸引力了，你是否期望宽高比在大屏幕上保持不变？或者空间是否被充分利用？在iPad上使用rpx的体验，在iPad上用起来真的很不爽。我们不需要这么大的字号（如果需要，自己设置调整大字号即可）。iPad使用px的体验本页面不是小程序，但是效果和使用px的小程序是一样的。大部分的产品诉求，我想90%以上的产品诉求，都是期望充分利用空间：大屏应该展示更多的内容，而不是让小屏的内容按比例放大。剩下的可能是视频播放器、游戏等，这就要求所有的容器尺寸都保持一个固定的比例。也就是说，我们应该尽量使用px而不是rpx。为什么大部分小程序还在用rpx？我们可以看到还有很多小程序使用了rpx。过去几年，小程序官方大力推广原生CSS单元rpx，小程序开发者都认为rpx是最佳实践。然后大家把代码写完，部署到网上，就不再修改了。投资回报率的原因。还有一小部分用户使用iPad查看小程序。很多人认为这些用户用起来就够了，没必要花更多的力气为他们适配一套新的响应式UI。而且使用rpx确实是一个省心的方案，完全不用担心响应性问题，开发效率高。不过现在，官方小程序也意识到了这个问题，不再强烈推荐rpx，还给出了一套大屏适配建议：我觉得写的很好，推荐大家阅读：《小程序大屏适配指南》.写在最后，极致的用户体验需要设计和前端的共同努力。需要在设计上做出折衷，同时设置一些可变距离和一些固定距离，以确保设计能够适应各种宽度。前端需要努力调试，使用flex技术或者百分比宽度，让网页在各种宽度下的样式达到预期。我是公众号线下派对游戏作者HullQin（欢迎关注公众号，发加微信，交朋友），转载本文需作者HullQin授权。我独立开发了《联机桌游合集》，这是一个网页，在这里你可以轻松地和朋友一起玩网络游戏，五子棋等游戏，不收费，也没有广告。还为GameJam2022开发了《Dice Crush》，喜欢的话可以关注我HullQin哦~有空我会分享制作游戏的相关技术。
