赞
踩
新手博主多多支持
例随着互联网的不断发展,小程序这门技术也越来越重要,很多人都开启了学习微信小程序的学习,本文就介绍了微信小程序之rpx的基础内容。
rpx是小程序独有的,用来解决屏适配的尺寸单位
rpx的实现原理:
rpx的实现原理非常简单:鉴于不同设备屏幕的大小不同,为了实现屏幕的自动适配
,rpx把所有设备的屏幕,在宽度上等分为750份(即当前总宽度为750rpx)
·在较小的设备上,1rpx代表的宽度较小
·在较大的设备上,1rpx所代表的宽度较大
小程序在不同设备上运行的时候,会自动把rpx的样式单位换算成对应的像素
单位来渲染,从而实现屏幕的适配
rpx与px之间的单位换算*
开发微信小程序时,设计师可以用iphone6作为视觉稿的标准
开发举例:在iPhone6上如果要绘制宽100px,高20px的盒子,换算成rpx单位,宽高分别为200rpx和40rpx
提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,本文仅仅简单介绍了rpx的原理和换算
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。