●▽● 看一个例子：Mashable的首页：浏览器窗口最大化时：缩小浏览器窗口：再缩小：再缩小：以上。“  原理：简单点说响应式布局它是通过CSS中Media Query(媒介查询)@media功能，来判断我们的终端设备宽度在多少像素内，然后就执行与之对应的CSS样式。”。

什么是响应式布局简介响应式布局的作用：1、让一个网站可以兼容不同分辨率的设备2、给用户更好的视觉使用体验例如，缩小和放大浏览器窗口，网页能够自动进行调整，始终保持了一个说了这么多，可能还有很多人，不明白响应式布局该怎么去做，以及它的开发原理是什么？原理：简单点说。

常常听人诟病，响应式布局都不精，做什么前端，那么到底什么是响应式布局，其实现的原理在哪，我个人的看法如下：1.目的：在项目中你会遇到不同的终端，由于终端分辨现在响应式布局是越来越火，但是响应式布局究竟是什么可能很多的朋友还是不太了解，那么，接下来的这篇文章就给大家来介绍一下什么是响应式布局，有兴趣的朋友可以看一下。首先我们来看。

什么是响应式页面布局？响应式页面布局就是指网站不会随着终端的不同去变化，目的是解决移动端互联网浏览的问题，通俗的来说，就是一个html网站能兼容很多版本的手机和电脑等终端服务，什么是响应式布局响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。