写在前面：此为CSS第一个任务的日报。（因为JS第一个任务困难已经申请换班，等待审批中，所以先借JS日报宝地一用！

今天完成的事情：

1、编写九宫格

2、配置Nginx、使得电脑和手机都可以通过IP访问九宫格页面

3、在HTML中META标签使用VIEWPORT元标签。

4、使用F12调试页面（使用Chrome）

明天计划的事情：

1、学习并使用GIT和github

2、注册阿里云服务器，代码部署并成功设置Nginx

3、配置域名，并通过域名访问。

遇到的问题：

Q1：Nginx是什么？如何配置Nginx，

A1：Nginx可以使电脑作为web服务器。通过师兄在知乎的回答（https://www.zhihu.com/question/41430703?from=profile_question_card）完成了配置Nginx。

Q2：不知道如何使用手机访问？

A2：先配置好Nginx，然后通过CMD-config查询IP地址，手机通过IP地址加上文件路径来访问

Q2：如何支持手机？

A2：在HTML的HEAD里Meta标签中加入VIWPORT元标签使得手机页面显示比例正常。

收获：

学会了配置Nginx。通过VIEWPORT元标签可以让我们的网页适配或响应各种不同分辨率的移动设备。在IPHONE 5S和SONY 36H都试了下。学会了通过F12调试页面。

手机端（IOS和Android）测试如下：

未添加VIEWPORT元标签 iphone 5S QQ浏览器 

添加VIEWPORT元标签 iphone 5S QQ浏览器 

未添加VIEWPORT元标签 iphone 5S Safari 

添加VIEWPORT元标签 iphone 5S Safari 

添加VIEWPORT元标签 Sony 36h 欧鹏浏览器