手机页面的布局及搭建

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

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

发布了29 篇原创文章 · 获赞 1 · 访问量 580

猜你喜欢

转载自blog.csdn.net/Always_Love/article/details/103278502