今天完成的事情1.更改css任务1中的代码正方形的长我是用的padding-bottom达到视觉上的效果，不是很规范，于是乎，改为height，因为百分比单位height无效，所以使用单位vw-视窗的宽度 height：30vw达到正方形的效果。注意：vw会将滚动条视为视窗的一部分，所以在出现滚动条的情况下布局可能会出现意想不到的问题   

2.布局任务3，使用flex方法和媒体查询达到目标效果

今天的收获：1.rem与em都是字体大小单位，rem是相对html来说的，1rem就是1倍于html的字体大小，em是相对与父元素，一般使用rem来说更直观，方便计算。使用rem更方便管理，使用媒体查询时，只用更改html里的font-size大小就可以使其他处不同大小的字体等比例放大或缩小2.移动端的适配多使用%，rem和vh作为单位，尽量不要把宽度写死

遇到的问题：1.

[图片]在ie下，设置内容和网页左右两边的边距时，设置main的margin和padding都是无效的~内容是顶到页面两边的，表现和谷歌跟火狐不一样，不太清楚原因，我想大概是和ie的盒子有关系。解决方法：单独设置其子元素P和main-footer的padding，调试出来的方法~至于原理不是太清除

2.F12查看不同移动端的效果，发现在小屏幕上比如苹果4，长度会溢出出现滚动条，其他没有问题，移动端长度的计算不是很明白解决方法：使用媒体查询调整元素的间距，使其在移动和pc上调整大小都不会显得很奇怪

明天的计划：继续学习