今天做的事情: 

                     完成css-task3.

明天做的事情:

                     完成css-task4

遇到的问题:

                    1. 页面的高度在手机上填不满屏幕, 后来用height=100vh解决了.(但如果浏览器不支持vh,可能要比较麻烦)

                    2. 在当前元素设置了字体大小,且字体大小不同于默认大小时,计算em出现了错误. 重新更改了计算方式.

收获:

                   1. em,rem,vh,vw,vm,% 的使用.

                    1)em是根据父元素的默认字体大小作为计量单位,1em=字体font-size. 如果当前元素设置了字体大小,那么以当前元素的字体大小作为计量单位 .但当前字体的大小用em表示时,需要用父元素的字体大小作为计量单位.

                    2)rem使用根元素字体大小作为计量单位,不需要考虑父元素和当前元素的字体大小,比较方便. 但某些浏览器不支持.比如IE8及以下的浏览器. 感觉rem比em要好用很多.

                    3)vh相当于viewpoint height, 为视窗的高度. 比较好用. 用这个解决了taks3高度比例的问题.

                    4)vw相当于viewpoint width, 为视窗的宽度

                    5)vm相当于视窗width和height中较小的那个,感觉在某些情况可能会有作用,一般还是用vh和vw好.