发表于： 2018-05-25 23:05:09
1 634
今天完成的事情：
1. 优化了昨天写的代码，完成了九宫格自适应的要求。
2. 浏览学习了关于viewport的相关资料。
3. 简单了解了html5和CSS3中的某些属性。
4. 学习了盒子模型。
明天计划的事情：
1. 配置nginx
2. 提交任务1结果。
遇到的问题：
1. 将宽度、高度设置为aoto或者百分比时，格子不见了。
2. 是否可以使用嵌套中外层的div来使内层div达到自适应效果。（进行了尝试，格子会变形）
3. 是否可以只通过设置高度和宽度的属性值来达到格子不变形的自适应效果。（进行了尝试，格子依然会变形）
收获：
通过今天的各种尝试，终于发现一个比较简单且高效的方法来完成了九宫格。在完成的过程中，更加熟练的掌握了盒子模型的相关概念，学会了网页的几种布局方式，学会了CSS3中弹性布局内容对齐（justify-content)属性的使用。学习了如何处理不同浏览器的兼容问题，可以在源代码中添加私有有属性前缀，如-moz、-webkit、-ms等，但现在可以用autoprefixer工具为编译后的css自动补全所需的前缀，不用手动添加。掌握了CSS各选择器的使用。
返回列表
评论