发表于: 2019-07-04 22:22:01
1 824
今天完成的事情:
今天完成了任务十三,也不算完成,因为没有通过,上午开始按照ui图中的尺寸开始还原,但是ui图的尺寸太大,必须配合viewport才能完成自适应,以前的任务用的是
<meta content="width=device-width, initial-scale=1.0" name="viewport">
这个是不能自适应的,我们做任务一般用的都是这个属性,但是如果viewport的话就可以整体的缩放:
<meta name="viewport" content="width=device-width,initial-scale=1.0">
先说上午吧,在把属性设置成上面的之后开始写我第二图和第三图,这次还原ui图的过程还算顺利,没遇见太大麻烦,把尺寸,颜色,距离,字体精准的按照ui图上面的写了,第二图用了一个半小时的时间,第三图用了一个小时的时间,把我之前写好的又重写了一遍,写完之后发现图片在缩放的过程中去点击进入第二张图的时候,视口会出现问题:
问题就是在第一个图缩放的时候打开进入下一图的时会出现视口还是上个视口的情况,这个问题难为了我好几个小时,在网上查了很多资料,还是没解决问题,实在没办法就叫大师兄来帮我瞅瞅,但是大师兄对这个属性不怎么了解,最后结果是先把这个问题先暂且搁置一下,然后先做别的任务,在后来我就开始想,我在用F12调试页面的时候,自己把视口调成任意的宽度,然后再进入下一个页面,网页是刷新了,但是还是在F12的状态下,还是那个上个视口,所以显示出的图片不完全应该很正常啊,当我们在F12的视口中进入下一个页面,刷新的是网页中的页面,并不是网页本身,视口还是那个视口,所以没毛病啊,明天把这个问题再跟大师兄说说,看看我的想法对不对。
这个问题上面耽误了太多时间了,导致一度想砸键盘,下次遇到问题还是要多动脑子,多动脑子。
明天计划的事情:明天计划把wiki上面的深度思考给补了,wiki上面才更新到任务七,后来就没动过,这个问题前两天黄师兄说过,本来就打算做完任务十二十三之后再处理的。明天一天补到任务十三好了。
遇到的问题:
遇到的问题都写在上面去了。
收获:
今天收获甚少,实在是汗颜,这一天天的学进脑子里的东西实在是太少,效率实在是太低,要尽快改变现状,找到好的学习方式。
评论