发表于: 2019-07-14 18:58:01
0 905
今天完成的事情:完成任务一制作九宫格网页的任务;基本满足任务要求,实现在移动端访问网站
明日计划: 完成任务二
遇到的问题:在任务过程当中遇到一些问题:
1.在1-17步的过程还算顺利,到了第18步出现了问题,通过使用Chrome的开发者工具实现九宫格大小可以随屏幕宽度改变,但是九宫的子元 素div始终无法 在父元素body元素中居中,通过师兄的讲解,了解到在调节父元素的 宽高度 时如果使用300px这种标准的尺寸时不能够自动适应屏幕的改变,如果适用百分 比的话可以自动的适应屏幕的改变.从而达到了既能使九宫格在屏幕居中用可以自动适应屏幕改变的效果
2.在配置nginx时卡了一个小时,因为配置nginx.conf错误不停的出现404,可是当我们换一种思路不改变文件路径而是直接把我们所做的文件改名直接移动到html文件夹下
以最简单快捷的方式达到我们预期的结果.
收获: .在任务过程中了解了HTML5 css以及盒模型的基本概念.初步掌握浮动属性和如 何进行nginx的调试.
学到了margin:0 auto居中的使用方式 以及按百分比调试宽高度尺寸
评论