摘要:换算在设计图中,设计图大小为如果一个宽度为换算所以在微信小程序中,直接填写即可。是在不同屏幕下可以适配的,所以使用单位只要在一种设计图下适配,都可以在不同设备大小自己调节大小通过以上例子看出做小程序时,需要设计图为以手机大小设计方案最佳
pt:屏幕物理像素(屏幕实际宽度像素) px:屏幕分辨率 pt和px关系:iphone6plus
ppi密度高,1pt里有3px,iphone6 1pt里有2px。iphone6宽度 (物理像素) :375pt,1pt含有2px, 分辨率(设计图) 750px。
iphone6plus宽度(物理像素):414pt,1pt含有3px,分辨率(设计图)1252px。
rpx换算:
换算公式:750/屏幕实际宽度(pt)
iphone6plus(@3x) px换算rpx:
750/414=1.8115942028985508rpx
在设计图中,设计图大小为1252px;
如果一个宽度为30px换算rpx:
30/3*1.8115942028985508=8.115942028985508;
所以在微信小程序中,直接填写8.115942028985508rpx即可。
iphone6(@2x) px换算 rpx:
750/375=2rpx;
在设计图中,设计图大小为750px;
如果一个宽度为30px换算rpx:
30/2*2=30rpx
所以在微信小程序中,直接填写30rpx即可。
rpx是在不同屏幕下可以适配的,所以使用rpx单位只要在一种设计图下适配,都可以在不同设备大小自己调节大小
通过以上例子看出做小程序时,需要设计图为以iphone6手机大小设计方案最佳!!
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/56012.html
摘要:换算在设计图中,设计图大小为如果一个宽度为换算所以在微信小程序中,直接填写即可。是在不同屏幕下可以适配的,所以使用单位只要在一种设计图下适配,都可以在不同设备大小自己调节大小通过以上例子看出做小程序时,需要设计图为以手机大小设计方案最佳 showImg(https://segmentfault.com/img/bVKqg2?w=979&h=596); pt:屏幕物理像素(屏幕实际宽度...
阅读 3240·2021-11-18 10:02
阅读 2941·2021-11-16 11:39
阅读 3492·2021-09-13 10:25
阅读 1410·2021-09-08 09:35
阅读 1740·2021-07-26 23:38
阅读 2425·2019-08-30 15:44
阅读 2104·2019-08-30 13:51
阅读 1100·2019-08-26 11:35