发表于: 2017-03-25 18:15:09

6 566


今天完成的事情

  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的代码,真是乱到极点啊,对代码的规范要重视!!

 





返回列表 返回列表
评论

    分享到