发表于: 2017-03-25 18:15:09
6 567
今天完成的事情
1.下午花了快3个钟完成了任务五;
2.任务三被师兄驳回了,图标位置有问题,话说测量的这个问题有没有更准确的办法呢,之后查查ps怎么快速测量;
明天计划的事情
1.开始任务六;
遇到的问题
1.360浏览器兼容性问题,chrome打开很完美但360打开就是有问题,这个麻烦的问题等到以后吧...
2.任务中的头像一开始使用transform缩放,但发现之后的内容无端端地自动隔开某个空间,一开始并没有理会直接将被影响的元素定位,但发现影响的面积也太大了,而且这个莫名的问题搞得很不爽;
尝试1:各种改变被影响的元素的位置,这个根本解决不了问题本质;
观察发现这个头像一开始被缩放,但位置并没有在“初始位置(左上)”,既是用chrome查看它的盒子模型是正常的,但周围就是有空间被占有!
尝试2:调整头像width大小,还是有空间被占有;
这时候意识到可能transform的影响;
尝试3:将transform去掉,本来被占有空间被关闭了!终于啊!
之后就很和谐了。
总结:transform属性的缩放有可能不会改变原来元素的空间哦(具体还没查理论);
3.用手机打开task5.html,是这样
现在这个刚好时内容没有溢出,如果里面的内容太多,需要滚动时,怎么加滚动呢?这个要学学。
4.任务四和任务五都有按钮,很好奇在实际运用中按钮里面是加了什么东西,是地址还是什么,可以出现另一个页面;点击头像可以选择图片这个技能怎么来的,地址也是,这之后应该会学到!
收获
1.知道了transform缩放会占用空间的问题,可以定义宽度和高度来缩放图片哦;
2.运用了flex的align-item:flex-end、center,简单快速地使元素们按必要的方式水平对齐;
3.更深地掌握了之前学习的内容。
日报用时约15分钟,今天周六,想看点课外书,晚上不学习了~嘿嘿~
话说回去看task3的代码,真是乱到极点啊,对代码的规范要重视!!
评论