手机页面的布局及搭建

   最近进入了手机页面的布局和搭建这方面的练习,对于布局这里还是收获颇丰。

一、布局
布局的时候要注意图层的优先级。好多界面有底部的菜单,对于这些头部和底部的菜单都用固定定位,并用z-index提高图层的优先级,达到预期的结果。
其次要注意的是对图片和div这些元素的宽度定义,一般是选用根元素rem来作为单位定义的,而且用百分比来定义宽度的时候要考虑不同手机的分辨率不同,可能对自己分好的模块有拉伸和挤压的影响,导致出错。在这里插入图片描述
在这里插入图片描述
二、总结
经过自己这段时间写了一些手机界面,对布局这方面已经越来越熟练,基本上没有非常棘手的问题。另外对定位和弹性盒子等等这些功能性标签进行穿插应用,对加深标签记忆有非常好的效果,勤学苦练才有收获!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值