发表于: 2017-03-14 08:08:56
4 744
今天完成的事情:
这一行文字有机会还是改一下吧,太容易造成理解误区了,我 一直以为是用css+div模拟一个表格出来, 最后才发现说的是模拟表格样式,浪费了我一堆时间。
回到任务9,以下是进行的一些修改
1. 将轮播图的盒子高改成了39.5vw, 让其随屏幕的宽度扩大自适应的修改自己的大小。
2. 将pageone的高效规范等同级div由.col-xs-6改成了.col-xs-12
3. 将pagetwo的类由.col-sm-3 改成 .col-sm-6 ,并添加.col-md-3强化其在中等屏幕时的排版。 美化了排版并在其后加入.clearfix清除浮动。
4. 将pagefour的高度和其中的margin改写成了vw, 避免了其在宽度较小的情况下下面出现大量的空白。
5. 与官网做相同处理, 将footer的二维码由居中改为靠左
6. 土豆介绍页面, 给h1添加上margin上边距,并在上方加入.clearfix清除浮动
7. 调整了footer的一些排版使其更加对齐更加美观。
1. 今天继续看任务十, 试着做了一下, 在表单那个部分遇到了困难,解决中。
遇到的问题:
1. navbar的高度师兄是如何定义的 ? 直接给死一个height还是给里面的元素上内补边距?
收获:
感觉在写响应式模板的时候,这个vw单位果然很好用。
评论