今天完成的事情：

1，今天理解了几个单位概念。

vw/vh:相对于浏览器可视区域的宽高的百分比，即window.innerWidth/window.innerHeight大小，浏览器窗口放大或缩小，其绝对值也会发生变化。

px：是一种抽象单位，与屏幕分辨率的px含义不同，是两种东西。

2，移动设备的视口viewport，有三个，即：

layout viewport：大部分移动设备默认为980px，一般大于浏览器可视区域，可使用‍‍ document.documentElement.clientWidth获取。‍‍

visual viewport：浏览器的可视区域，可使用window.innerWidth获取。

ideal viewport：理想的viewport，‍‍等于移动设备的屏幕宽度，将网站css的宽度设置为ideal viewport，无需缩放能完美呈现。

‍‍

3，<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">的含义：

width： 设置layout viewport  的宽度，为一个正整数，或字符串"width-device"

initial-scale： 设置页面的初始缩放值，为一个数字，可以带小数

minimum-scale： 允许用户的最小缩放值，为一个数字，可以带小数

maximum-scale： 允许用户的最大缩放值，为一个数字，可以带小数

height： 设置layout viewport  的高度，这个属性对我们并不重要，很少使用

user-scalable： 是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许

明天计划的事情：

找一个云服务器和域名，把任务一代码传上去展示出来，学会Xshell、secureCRT、Putty的使用，了解svn。

遇到的问题：

今天写小demo的时候，把两个div的class分别命名成了1,2，结果div老是显示不出来，最后才发现原来是div和id的命名不能以数字和大写字母开头。

收获：

明白了一些概念，进度有些慢了。