按比例适应布局
大家有没有过一个烦恼,就是让某个view的高度或者宽度扩大点,而且是要按比例适应不同的手机,遇到这类问题应该怎么办?
下面就为大家讲解怎么做一个能够自动适应不同手机的布局
1、像素单位 rpx
首先,我们来说说像素单位rpx,rpx是官方为小程序出的尺寸单位rpx(responsive pixel),它可以根据屏幕宽度进行自适应。规定屏幕宽度为750rpx。所以平常我们应该尽量使用rpx来代替px
2、容器view的宽高使用百分百的方式
其次,我们来说说容器view的宽高应该尽量使用百分比的方式来写,下面我们来看看以下的示例:
首先来张显示图
注意:这里的满屏显示设置高度100%,会有什么都不显示的情况,下面会讲解到
下面,你们要的重点来了,上代码:
米趣网免责声明
1、本站所有模板素材资源均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服,我们核实后会立即删除。2、米趣网作为第三方中介平台,依据交易合同(商品描述、交易前商定的内容)来保障交易的安全及买卖双方的权益。
3、非平台线上交易的项目,出现任何后果均与米趣网无关;无论卖家以何理由要求线下交易的,请联系管理举报。
注意事项
1、本站所有素材资源均来自用户分享和发布,部分未经测试可用,并不保证百分百无误及完整。2、素材资源仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
3、米趣网会对双方交易的过程及交易商品的快照进行永久存档,以确保交易的真实、有效、安全。
4、米趣网无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保,请买家自行鉴别。