发表于: 2016-04-19 00:37:09
2 2083
今日完成的事情:
1.完成了闯关任务的修改。这里特别感谢 胡霆霁 师兄为我守关,并提出很多修改的建议和思路。感谢古尘 师姐提出的一些修改建议。
明天计划:
1.js任务一(之前已经写过)
2.进入任务二。(这里是一道坎)
遇到的问题:
这里提出古尘师姐提出的问题
1. 图片太宽 不协调。原因是我没做自适应。所以把整个页面的自适应改好。
2.文字没有垂直居中对齐。所以把右边改为inline-block 使用 vertical-align:middle 从而居中对齐。
3.task6 也是自适应问题。所以三个页面重新都改成自适应。
刚开始学的时候知道有自适应这个概念。但总是改不好。经过后面任务的洗礼。对于前面一些自适应的疑问也渐渐解开了。
(遇到问题,自己想不出来,先去查,查到就自己做小demo测试,这样印象会比较深刻一点)
4.hover的四个小图标要分开切。四个图标代表不同的功能。可以分别添加js
5.小分辨率下文字显示不全。修改边距。
6.task12的响应式问题。感觉做这个还是要有点审美的眼光。。虽然我没有。。
胡霆霁师兄提出的问题。
1.Hover的时候一个变大一个变小。
固定宽度解决。
2. Task12 这个select 的问题。我是用绝对定位做的 。所以响应式会有重叠。
改成float 加@media来修改响应式的问题。
3. 依旧是响应式的问题。
修改为当宽度不够容纳四个块时,分成两行,一行两个。
4.两边对齐问题。因为是bootstrap会有内边距的问题。修改样式即可。
5.分辨率小时太过拥挤。所以改为小于1170分辨率时变成两行。
6.文字对齐问题。改为两端对齐即可。
7.阴影太深。
8.小分辨率时字体太小
修改@media解决。
9.没有对齐边框
用的是bootstrap 所以只能加内边距来暴力解决了。
再次感谢两位
收获:
1.我做任务很慢,而且质量不够好。这是我需要反思的问题。在任务中发现自己的问题。积累经验,这就是目前需要做的事情。
2.js我也会好好坚持下去。除了工作睡觉以外,就做task。
评论