微信公开课
微信公开课小程序热门讨论关于「rpx单位如何实现的」的小程序开发问题
补充:前段时间我特意研究了下rem的实现并且自己写了rem响应式代码和css方式的手机端响应式方式但是在这个之前我是特别翻查了很久的微信rpx实现方式,但是网上都没有有大神给解释上代码的那种最好微信
展开:前段时间我特意研究了下rem的实现并且自己写了rem响应式代码和css方式的手机端响应式方式但是在这个之前我是特别翻查了很久的微信rpx实现方式,但是网上都没有有大神给解释上代码的那种最好即速小程序:尺寸单位在WXSS中,引入了rpx(responsivepixel)尺寸单位引用新尺寸单位的目的是,适配不同宽度的屏幕,开发起来更简单如图29所示,同一个元素,在不同宽度的屏幕下,如果使用px为尺寸单位,有可能造成页面留白过多图29使用px尺寸单位,iPhone5与iPad视觉对比修改为rpx尺寸单位,效果如图210所示图210使用rpx尺寸单位,iPhone5与iPad视觉对比小程序编译后,rpx会做一次px换算换算是以375个物理像素为基准,也就是在一个宽度为375物理像素的屏幕下,1rpx=1px举个例子:iPhone6屏幕宽度为375px,共750个物理像素,那么1rpx=375750px=05px图211常用机型rpx尺寸换算表
更多有关「rpx单位如何实现的」的讨论可以前往微信公开课小程序参与互动哦!了解更多