微信小程序之像素单位

微信小程序之像素单位

px(像素)：他是一个相对长度单位，它的使用范围特别的广，但是如果使用px定义文字，无论用户怎么设置，都不会改变大小。
em(相对长度单位)：这个单位他没有固定的大小，他的大小是根据最近父级字体的大小而来的。
rem(相对单位)：这个单位一般用于我们做移动端的适配，因为这个单位他的大小也不是固定的，他的大小是根据我们html根标签的字体大小来确定的，所以我们可以通过设置根标签字体的大小来达到一个适配的效果
vh(这是一个视口单位)：他是指顶我们容器的高度的，他的高度是相对于视口的，每一份就等于视口高度的1%
vw和vh同理，vw是值的宽度，和vh效果是一样的
rpx：他是一个用于给微信小程序里面做适配的一个像素单位，他和我们px的比例是：1rpx = 0.5px = 1物理像素，但是如果设计图是750px 的话，我们在ipone6下面做适配的话就相当于是1：1的，所以我们一般都是用ipone6进行调试，当然这个单位虽然没有rem那么广的用途，但是目前也是有很多平台在兼容rpx，比如uniapp
upx：这是一个uniapp给我们提供的一个适配单位，他和rpx 是差不多的，在早期的话，uniapp官方是提倡我们使用upx，但是后期的话就更为推荐我们使用rpx