3还有其他方式，如JQuery和专门做响应式的JS文件，比如nicebox均能实现自适应效果，实现响应式布局。

原理简单点说响应式布局它是通过CSS中Media Query媒介查询@media功能，来判断我们的终端设备宽度在多少像素内，然后就执行与之对应的CSS样式问题十ios的kvo和响应式编程一样吗 ReactiveCocoa 可以说是结合了函数式。

响应式布局Responsive design，意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验屏幕尺寸不一样展示给用户的网页内容也不一样，我们利用媒体查询可以。

总的来说，自适应布局适用于较为复杂的页面，而响应式布局适用于页面结构简单的页面 因为移动端和PC端的巨大差异，包括屏幕尺寸和操作方式都不尽相同还有一种解决方案将各个端的页面单独进行设计 这种方案优点是各个显示端可以自由的。

四响应式布局ResponsiveLayout随着CSS3出现了媒体查询技术，又出现了响应式设计的概念响应式设计的目标是确保一个页面在所有终端上各种尺寸的PC手机手表冰箱的Web浏览器等等都能显示出令人满意的效果，对CSS。

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端而不是为每个终端做一个特定的版本这个概念是为解决移动互联网浏览而诞生的响应式布局可以为不同终端的用户提供更加。

Bootstrap响应式布局是利用其栅格系统，对于不同的屏幕采用不同的类属性在开发中可以只写一套代码在手机平板，PC端都能使用，而不用考虑使用媒体查询针对不同的设备分别写不同的代码推荐学习Bootstrap视频教程。