在移动端日常开发，多使用rem单位，因为它能够很好的解决屏幕适应问题。
在小程序中，小程序框架提供了rpx（responsive pixel），可以根据屏幕宽度进行自适应。rpx其实是微信对于rem的一种应用的规定，或者说一种设计的方案
如上图中，
pt为逻辑分辨率，与屏幕尺寸有关， 可以理解为长度单位；
px为物理分辨率，与屏幕尺寸无关，用于描述像素点的多少；
小程序框架规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375（pt），共有750个物理像素（px），那么750rpx = 375pt = 750px。所以iPhone6下：1px = 1rpx =0.5pt;
建议设计稿建议以iPhone6的分辨率（750x1334px）为基准。这样的情况下1rpx=1px。
另：不是所有单位都适合rpx，有一些比如字体标题不需要自调整就不实用rpx。
微信小程序尺寸单位 rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750...
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 ...
一、 rpx：全称“response pixel”，即响应式的px，rpx单位是微信小程序中css的尺寸单位，它可...
1.rpx适配 rpx是小程序中的尺寸单位，它有以下特征： 小程序的把所有的屏幕宽固定为了750rpx（即750个...
在移动端日常开发，多使用rem单位，因为它能够很好的解决屏幕适应问题。 在小程序中，小程序框架提供了rpx（res...
小程序编译后，rpx会做一次px换算。换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1...
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。 规定屏幕宽为750rpx。如在 iP...
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPh...
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPh...
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPh...
本文标题：小程序中的rpx单位
本文链接：https://www.haomeiwen.com/subject/wfafrftx.html
网友评论