今天完成的事情：

1.学习了viewport。

viewport分3类：1.layout viewport；2.visual viewport；3.ideal viewport

  1.layout viewport 指的是在移动端设备厂设计的页面渲染尺寸，一般为980px

  2.visual viewport 指的是浏览器的可视区域

  3.ideal viewport 是指当宽度等于visual viewport时，不需要缩放就可以呈现整个页面，宽度为100%

2.设置元数据来处理viewport

head标签中使用mate标签设置viewport，默认指的是layout viewport，可以设置viewport的宽度width为一个具体的px数值或者用device-width，即设备的屏幕宽度；或者设置initial-scale=1表示缩放大小为1，这个缩放是针对ideal-viewport来说的。其他参数还包括maximum-scale最大缩放倍数，minimum-scale最小缩放倍数，user-scalable是否允许用户缩放。为了适配，width和initial-scale可以同时使用并用“,”隔开。如果2个属性都使用的情况下，会选择较大的一个属性。

不设置viewport时，移动设备浏览器会有默认的大小 一般为980px，浏览器会将整个页面进行缩放以适应visual viewport。会使原来的内容变得很小。

3.media query媒体查询

页面在不同的分辨率下可以通过媒体查询设置不同的css样式，可以在mate中引用不同的css文件，也可以在同一个css中使用 @media 来创建新的css代码块

4.配置nginx

  1.下载nginx压缩包，解压压缩包后不要双击nginx.exe（坑,双击启动的nginx不会在log文件夹下创建.pid文件，会导致无法stop reload）

  2.打开cmd命令行 进入nginx文件夹

   ```

   c:\User> cd /d e:\nginx-1.19.7

   e:\nginx-1.19.7> start nginx （启动nginx）

  ```

  3.打开浏览器 输入localhost （如果启动成功可以进入index页面）

  或者命令行执行

  ```

  e:\nginx-1.19.7> tasklist /fi "imagename eq nginx.exe"

  显示

  映像名称                       PID 会话名              会话#       内存使用

  ========================= ======== ================ =========== ============

  nginx.exe                     3820 Console                   16      1,272 K

  nginx.exe                    11476 Console                   16      1,844 K

  ```

  如果pid编号存在就代表启动了

  4.打开conf/nginx.conf，修改其中 location / { root e:\workspace } 其他内容不变，此步骤为了修改nginx默认80端口代理的根目录路径

  保存后再命令行执行

  ```

  e:\nginx-1.19.7> nginx -t -c conf/nginx.conf

  nginx: the configuration file e:\nginx-1.19.7/conf/nginx.conf syntax is ok

  nginx: configuration file e:\nginx-1.19.7/conf/nginx.conf test is successful

  ```

  表示nginx.conf配置文件正确

 5.重启nginx或重新加载配置nginx -s reload 或者先关闭再启动 nginx -s stop/quit ，start nginx

明天计划的事情：

git和svn
遇到的问题：

nginx解压后双击启动后无法关闭和重启，通过任务管理器结束进程才关闭的。原因是双击exe启动没有在log文件夹下生成.pid文件
收获：

nginx在windows下得安装和使用方法