《响应式web设计实践》笔记

1.什么是响应式设计：

针对任意设备对网页内容进行完美布局的一种显示机制。

响应式网站设计(Responsive Web design)的理念是：

页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了

2.什么是自适应设计？

自适应是针对每一个尺寸（320，640，960......）的设备写不同的js和css,甚至页面也不同，断点比较硬，不平滑。响应式是自适应的一种。

思考：录播系统的部分想法属于自适应：pc端一个样式，移动端一个样式，页面结构不相同。但是在pc或者移动端各自的样式中又采用了百分比布局来等比的放大或者缩小。

3.两者的区别：