11月22日 / 周三 Diary

今天完成的事情

• 完成了 task 1 中的大部分内容
  1. 了解了 盒子模型 ( margin, padding, padding, width, height 的含义)
  2. 了解了 浮动 (float) 以及浮动换行的方法, 虽然最后没有用到 <div style="clear:both"></div>
资料地址: https://www.cnblogs.com/mq0036/p/4604443.html
  3. 学会了 添加颜色 , 添加圆角 background: orange; border-radius: 10%;
  4. 了解了 viewport (能够照抄着使用的程度, 手动笑哭)
• 英语的学习

明天的计划

（一定要写非常细致的内容）

遇到的问题

遇到问题然后还无法解决的感觉超级难受, 还不知道怎么办 (比如今天的 nginx )

已解决

• 如何使九宫格大小可以随屏幕宽度改变
  • 开始 是使用固定高宽, 然后用换行做出了九宫格, 但是问题是无法自动缩放,
  • 然后 看了 viewport 知道了用比例来解决这个问题, 但是我用的是 width: 32%; height : 32%; 然后我就蒙了, 虽然可以自动改变大小, 但是无法变为正方形, 之后就耗了好久做这个上面
  • 最后 看了一个师兄的日志, 看到了他的代码 使用了 pdding : 15%; 然后就照着学了一下, 发现这样就可以固定为正方形了.

未解决

• 配置nginx，手机上直接访问网页
  • 虽然完成了 nginx 的配置, 但是始终无法在手机上访问, 电脑上也只能用 localhost:8080 访问, 不能用 localhost/index.html 访问, 手机上也无法访问 无论我用localhost:8080 还是 本机ip/index.html 都是无法访问.
  • 决定这个暂时先跳过, 自己已经无法解决了. 而且暂时不影响后面的学习.

server {
        listen       8080;
        server_name  localhost;

        location / {
            root   /usr/local/var/www;
            index  index.html index.htm;
        }

收获

（通过今天的学习，学到了什么知识）

1. 了解 盒子模型, 浮动
2. 如何 填充颜色, 以及添加圆角
3. 使用 viewport 使得九宫格大小可以随屏幕宽度改变，初步体验了自适应
4. 配置了 nginx 的一半, 目前无法使用手机访问, 无法使用 localhost/index.html 进行访问