发表于： 2018-11-06 22:32:13
1 794
今天完成的事情：
1.九宫格的自适应。
过程中遇到的问题：昨天九宫格用的是实际数字，今天要改成自适应，根据师兄建议高度宽度这些值改成了%，结果测试的时候发现什么都没有了。在百度过程中看到了vw和vh这两个单位。
vw:相对于视窗的宽度，vh就是高度，分成100份。
在以vw为单位成功实现了九宫格的自适应，但是自己不知道原理是什么。之后在问题库中了解到百分比宽度和高度不一样，没有设置块元素宽度的话就是默认的浏览器宽度，这样百分比就有用。但是高度没有，所以可以用内边距来代替，padding-bottom，这样第二次实现了九宫格的自适应。
在做九宫格开始，用float浮动命令结果做好后的格子变成了6个一排，并没有是九宫格，在后续百度过程中找到了clear属性，利用clear：left,就把第四个和第7个分别挤到了下一排。
2.配置nginx。
下载nginx并安装以后，在重启过程中遇到了反复失败的情况。搜索相关问题之后发现原因出在不能直接双击nginx.exe，这样会导致修改配置后重启，停止无效，需要手动关闭任务管理器里的所有nginx进程。
nginx -t -c /path/to/nginx.conf 测试nginx配置文件是否正确
关闭nginx：
nginx -s stop :快速停止nginx
nginx -s quit ：完整有序的停止nginx
遇到的问题：任务1中的第20步优化html适配移动设备不知道怎么操作，百度过程中找到了相关的代码，但是自己不知道怎么处理。
明日计划：了解如何配置移动设备和用手机访问网页，结束任务一。
目前做成的九宫格html文件：https://pan.baidu.com/s/1cNorC8ngR86gLw580i8lIA
返回列表
评论