发表于： 2018-04-28 23:28:13
2 422
今日完成的事：
1.完成任务8的首页，开始还不知道任务9就是把任务把做成响应式。然后是按照任务8首页我也是按照响应式来做的。
今天大致完成了首页，但还存在一些小问题，明天再改进。
2.任务8的正文页面完成了一部分，明天继续加油做完
明天计划的事：
1.计划把任务8的正文页面完成
2.把首页问题改进
3.把职业推荐页面的html基本布局写好
遇到的问题：
1.baseline
在进行任务8首页的如何学习流程部分时，发现小圆和右边的文字总是不对齐，试了几种方法也是不能很好的实现一起垂直居中。
发现是baseline捣鬼的
怎么能比较好的解决这个问题呢，发现还是flex最好用。
只需在父元素输入两行代码就可以解决。
display:flex; align-items:center
2.媒体查询需要后置
在进行响应式布局时，发现自己写出的媒体查询优先级在普通代码后面，无法实现媒体查询的功能。
然后经过对比发现，需要将媒体查询代码后置在普通代码之后，才能使得优先级更高，并且越后置，优先级越高。
如：
收获：
1.响应式布局还是不好做的，得同时考虑PC端和移动端，设置不同的媒体查询，但是收获也是很多的。对于设置响应式布局有了一定的基础和经验。
2.对于栅格的使用更加熟练，栅格系统还是非常好用的，但是也不是万能的，有时候普通布局更简单，代码更简洁。所以栅格虽好，可不要贪杯。
返回列表
评论