今日完成：

1.改了中关村互联网教育学院的一个指针状态bug，和一些文案。

2.学了一会儿轮播图。

3.下午给PM演示改好后效果。然后打tag。wiki登记，发邮件，回验证，线上测试通过。然后开发人员确认。

4.听龚浩讲了自适应和响应式有什么区别？

明日计划：

今天开始跟官网项目，明天试着改一些简单的BUG。

遇到的问题：

暂没。

今日收获：

对项目流程更加熟悉了。

复习了：

什么是自适应

自适应，英文名称Adaptive Design，缩写AWD,即为不同大小的屏幕上呈现同样网页内容。

什么是响应式

Responsive design,简称RWD。

       自适应暴露出一个问题，如果屏幕太小，即使网页能够根据屏幕大小进行适配，但是会感觉在小屏幕上查看，内容过于拥挤，响应式正是为了解决这个问题而衍生出来的概念。它可以自动识别屏幕宽度、并做出相应调整的网页设计，布局和展示的内容可能会有所变动。

      响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用“大势所趋”来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。

通俗得讲是：css根据屏幕宽度，自动调整网页div显示和布局，以适应不同尺寸屏幕优化浏览体验。（根据屏幕宽度，自动调整布局）

自适应与响应式区别

自适应最早通过写不同分辨率的网页来实现,知道你的用户将会使用哪些设备而进行的有针对性的设计。

响应式是针对所谓普遍设备(universal)进行的页面设计，并不是针对指定的浏览设备。

      RWD,一般来说在网页设计初期就开始，所以旧网站要实现RWD 很可能要完全重建。而 AWD 则采用保留现有桌面网站而对于更小的分辨率做针对性的优化（适应），这点对于很多老的网站来说很重要，因为重构成本太大。

       其实RWD和AWD都是响应式设计，从外观上很难分辨，但他们自己运行机理不同，RWD是主动式的响应设计，AWD是被动式的响应式设计，RWD不管用户使用的是什么设备都是在服务器把数据推送到浏览器后，脚本或CSS自行侦测屏幕大小后执行对应的样式表内容，并且一直通过本地脚本在监听屏幕大小的变化，随时做出样式响应的变化，所以是主动的。但AWD是用户通过浏览器发送请求后，服务器根据请求中夹带的用户设备设备信息做出判断，调用已经在服务器里准备好的，适应对应设备样式文件+HTML内容+JS，返回给浏览器以这种方式响应不同设备。