发表于： 2019-04-08 22:45:14
1 841
今天完成的事情：
写了任务8第一个页面的部分内容
明天计划的事情：
完成任务8第一个页面，给栅格加上媒体查询来互相配合
遇到的问题：
bootstrap的栅格布局挺方便的，也容易理解，然而栅格只是提供了布局的框架，当栅格作为父元素，其子元素的宽会继承栅格的宽（100%），所以当栅格内部有多个子元素的话，还是要配合媒体查询来设置各个子元素具体的宽，感觉这就比较麻烦。。。
遇到了同一父元素下各子元素基线不同的问题，需要使用vertical-align控制该子元素在垂直方向的位置来消除基线不同的影响。
https://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/
这篇文章从任务3就开始被引用到任务资料，到任务8还在引用。。。。可见这是个具有相当深度而又十分普遍的问题。
收获：
学会使用轮播图，引入的库的版本要对应好，不然会出现bug。
学会使用栅格布局，单独使用栅格有局限性，写出响应式页面要配合媒体查询。
返回列表
评论