小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述(希望解决的问题)
微信小程序 怎么解决px rpx 转换问题 不能自己不断的算吧 eg: 设计稿是px 在微信小程序我该怎么写呢?(设计稿宽高是20px 字体大小是12px 到了微信小程序该怎么写呢?) 求解 谢谢!
- 希望提供的能力
px rpx 转换问题
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
已经完全解决rpx 问题~~~~~
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
文档上看,不同设备的px与rpx转换不同。
目前来看用rpx会安全一点,至少不同设备显示会看起来不会差异太大,所以...心算吧
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html
一个一个算优点太麻烦了 font-size 又该写多少呢
你这设计稿也太小了
随便举例 好吧
设计稿宽750px的话就是1比1,1px=1rpx
font-size呢?
rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
你按照iphone6的话字体12px的话小程序就写24rpx,这个还跟不同手机像素比有关,可能你写24rpx会偏小。
还有你把设计稿弄成750px 就不用去换算大小,按照一比一转换就行 字体的话你可以写30rpx看看大小合适不。
这个rpx不是能完美适配的 有瑕疵
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
已经完全解决rpx 问题~~~~~
文档上看,不同设备的px与rpx转换不同。
目前来看用rpx会安全一点,至少不同设备显示会看起来不会差异太大,所以...心算吧
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html
一个一个算优点太麻烦了 font-size 又该写多少呢
你这设计稿也太小了
随便举例 好吧
设计稿宽750px的话就是1比1,1px=1rpx
font-size呢?
font-size呢?
rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
你按照iphone6的话字体12px的话小程序就写24rpx,这个还跟不同手机像素比有关,可能你写24rpx会偏小。
还有你把设计稿弄成750px 就不用去换算大小,按照一比一转换就行 字体的话你可以写30rpx看看大小合适不。
这个rpx不是能完美适配的 有瑕疵