小程序
小游戏
企业微信
微信支付
扫描小程序码分享
view之间行与列之间都会有大约1rpx左右的缝隙，在安卓手机上尤为明显，苹果手机适配的比较好，安卓手机是各种各样的缝隙。
如图所示：
详情请看下面代码片段
https://developers.weixin.qq.com/s/hbqTMImL7TnU
9 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
rpx到真机转换为px时，由于机型不同，所以在转换的时候并不是按2:1去转换的，这时候我们需要去动态的将rpx转px,这样才不会有误差, 如width或者height均分后多出了1px，就会出现这样的情况，而且不同的机型缝隙还不一样。
// rpx转px rpxToPx(rpx) { const screenWidth = uni.getSystemInfoSync().screenWidth return (screenWidth * Number.parseInt(rpx)) / 750 } // px转rpx pxToRpx(px) { const screenWidth = uni.getSystemInfoSync().screenWidth return (750 * Number.parseInt(px)) / screenWidth }
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
建议查看一下行内块属性，
你可以加个 display: block
解决了吗？我也遇到了，上面的解决方案都试了，还是不行。楼主是怎么解决的？
image设置: vertical-align:middle
之前遇到过 好像这个问题官方一直没解决，部分手机就是会这样，最终还是用margin-left:-1rpx
你在哪做，我过去找你，5分钟解决问题
有社区管理来回答下吗~谢谢~
感觉像图片边框的问题，放到web里看看
image
设置display：block
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
rpx到真机转换为px时，由于机型不同，所以在转换的时候并不是按2:1去转换的，这时候我们需要去动态的将rpx转px,这样才不会有误差, 如width或者height均分后多出了1px，就会出现这样的情况，而且不同的机型缝隙还不一样。
// rpx转px rpxToPx(rpx) { const screenWidth = uni.getSystemInfoSync().screenWidth return (screenWidth * Number.parseInt(rpx)) / 750 } // px转rpx pxToRpx(px) { const screenWidth = uni.getSystemInfoSync().screenWidth return (750 * Number.parseInt(px)) / screenWidth }建议查看一下行内块属性，
你可以加个 display: block
解决了吗？我也遇到了，上面的解决方案都试了，还是不行。楼主是怎么解决的？
image设置: vertical-align:middle
之前遇到过 好像这个问题官方一直没解决，部分手机就是会这样，最终还是用margin-left:-1rpx
你在哪做，我过去找你，5分钟解决问题
有社区管理来回答下吗~谢谢~
感觉像图片边框的问题，放到web里看看
2.写个代码片段上传一下
这样描述都是靠历史经验猜测
image
设置display：block