发表于： 2017-07-27 18:53:35
1 407
今天完成的事情：
1.使用内部样式表定义了p标签的width、height及color属性，创建了一个黄色的方块；
2.使用foal样式，加上margin，创建了3*3的9个方格；
3.用开发者工具调试页面，格子的宽高是固定值，不能随浏览器缩放；
4.尝试用百分比实现自适应，出现问题较多，最好的时候是生成了9个扁条可以随浏览器缩放而变化；
5.学习了viewpoint，用meta设置了宽度适应设备和比例；
6.又尝试调整九宫格的自适应，还是无法实现想要的效果；
7.阅读了其他同学的日报，发现了学习中被忽略的知识点，padding和margin的“%”都是父元素宽度的百分比，而不是开始想象的宽高各自对应；
8.修改代码后实现了目标。
明天计划的事情：
1.巩固任务一学习的内容；
2.进行任务二中github的部分；
遇到的问题：
1.按照步骤进行任务，编写代码时不确定用什么标签和属性，都是自己尝试使用；
2.没有真正理解学习的内容；
3.最后的成果只是显示9个方格，而没有效果展示中的还有几个标签，每个标签对应不同的尺寸。
收获：
加深了padding和margin的用法的理解。
返回列表
评论