根据原型图写小程序的问题

来源:16-7 认识小程序的rpx

BinWong

2020-07-30

老师,我按照ps设计图上的像素大小写rpx,结果字体很小(字体大小我量的是宽和高,量出来的是宽和高24个像素,我就写font-size:24rpx),整个界面的比例也不像设计图那么板正。

写回答

2回答

7七月

2020-07-30

750尺寸下,1px = 2rpx

0
1
BinWong
非常感谢!
2020-07-31
共1条回复

BinWong

提问者

2020-07-31

嗯呐,谢谢老师解答!
我这样理解,350px(也就是750rpx)是phone6的宽度,原型图的宽度是750个像素点,因此我量出来24个像素就是24rpx。
下面这个例子就是宽为750的原型图量出来的,那这个字体的样式就是font-size:26rpx;(这里面使用font-weight:600↑后 ,变的很粗,不用的话又会显得不明显。)
//img.mukewang.com/szimg/5f23b97809682f2605760466.jpg

0
1
7七月
字体不用量啊,字体一般都是设计师设计的啊
2020-07-31
共1条回复

微信小程序入门与实战(全新版) 超20000人学习的好课

4年同步微信官方迭代,累计20000+人学习, 比微信官方更火爆!

23866 学习 · 6899 问题

查看课程