微信小程序单位rpx解析

小程序采用了特殊的长度单位rpx

首先要分清两种分辨率:

  • 分辨率:pt-逻辑分辨率-看到的长度
  • 分辨率:px-物理分辨率-像素点

视觉上的清晰度
单位逻辑分辨率上的物理像素点越多,视觉效果越清楚。
但是人类的眼球是有视觉极限的。也就是326ppi;
通常来说一个pt可以由1个px或者2个px甚至3个px构成

ppi的算法-由于屏幕尺寸也就是多少寸的屏幕,是对角线的长度。所以通过勾股定理,通过计算屏幕的斜边除上屏幕 的尺寸计算。

结论:工作时如果按照iphone6来设计的,将设计稿的1px=1rpx=0.5pt。由于rpx会随着屏幕的尺寸调整,所以建议文字类的不建议用rpx,会导致页面字体过小

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容