前端页面实操之响应式页面(二)
这篇本来是应该早就写了的。 但是中间发生了很多事。 由于又是自己的笔记,所以不想像其它很多失败的尝试一样成为一个烂尾楼工程。 一来它并不难,二来它的性价比可谓相当高。 至少对自己而言是这样。
上篇写了相关的一些效果,大体而言,这里做个简单回顾: 它是由一屏一屏构成的,页面的内容主体为图片,夹杂着一些文字配合着图片,放置在一些非常巧妙的位置,配合浏览器渲染机制给用户以良好的体验。 这里开始一屏一屏的看:
第一屏:
这个导航栏跟那几个屏是同级的一个关系。 这样使得页面不那么呆板吧。
注意到一个属性,这是跟padding差不多的,挺有价值吧。
总结下它们的位置关系:
接下来看看第一屏:发现没有什么特色。 就调到第二屏上去,大体看下:
回顾下它的布局:
其它内容大同小异就不记录了,但是这个页面还包含又一些动画的由于自己之前没有练习。 如果有时间再进行记录吧。