今天完成的事情：

1、修改完善任务10并提交。

2、完善任务11，主要是sass部分。仅使用了$定义颜色，@mixin@include和@extend这三个功能。

明天计划的事情：

1、继续任务11争取提交。

2学习json和查看编码规范、class命名规范。

遇到的问题：

sass看着很多，只用了这几个功能。是不是还有能用的，不知道格式等对不对。

收获：

A、自适应小屏幕时该如何布局

1、允许网页宽度自动调整

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Viewport是玩个默认的宽度和高度，width=device-width网页默认宽度等于屏幕宽度，initial-scale=1.0原始缩放比例网页初始大小占屏幕面积100%。

2、不使用绝对宽度，只能指定百分比或者auto

3、使用相对大小字体。Em rem

4、流动布局，float。小心使用绝对定位absolute

5、选择性加载css或者@media的查询。

6、图片自适应img { max-width: 100%;}

B、sass和less的区别

1、编译环境不一样，sass安装Ruby，less需要引入less.js等

2、变量符和变量的作用域不一样，sass是$,less是@

3、输出设置：less没有输出设置，sass有4个。

4、Sass支持条件语句 if else,for等，less不支持。

5、引入外部css文件，sass引入文件需要时-name.scss，less用@import引入。

6、工具库不同。