夫唯域名网很久以前，每个人都仅拥有一件衣物（网站），不论贫富，每日皆穿此一衣。
后来，有人发明了舞会（移动互联网），众人竞相参与，于是有位自称“开发者”的裁缝劝说众人，参加舞会宜定制一件特别的礼服（移动端网站），众人亦觉有理，工作与娱乐皆着同一衣物，岂不单调？舞会自应有其风采。于是，稍有闲钱者皆定制礼服，与旧日之衣物——网站，大相径庭，外观与内在均不同。
随着舞会种类繁多，许多人被迫制作众多礼服，于是又有一名自称“前端”的裁缝站出来说，你们每年都要新制那么多衣物，岂不浪费？而且，携带钥匙、皮夹、名片等，在不同衣物间换来换去，甚是麻烦。你看，我们新发明了一门技艺，名为“响应式设计”，只需稍作改动，无论前往何种舞会，皆可穿着此一衣物，衣物内在保持一致，外观则可按需自适应不同舞会。
于是，众人纷纷换上这种响应式衣物……
何为响应式界面
根据维基百科及其参考文献，理论上，响应式界面可适应不同设备。描述响应式界面最著名的一句话便是“内容如水”，译为中文即为“若将屏幕视为容器，则内容如水”。
为何要设计响应式界面
为何沿用旧法，为主流设计特殊版本？为何要费心尝试统一所有设备？
即便在PC或Mac用户中，也只有一半的人会将浏览器全屏显示，而另一半人使用多大的浏览器，难以预知；
台式机、投影、电视、笔记本、手机、平板、手表、VR……智能设备不断增多，“主流设备”的概念正在消逝；
屏幕分辨率正飞速发展，同一张图片在不同设备上可能大小悬殊。
鼠标、触屏、笔、摄像头手势……不可预知的操控方式不断涌现。
响应式界面的四个层次
1、同一页面在不同大小和比例上均应舒适；
2、同一页面在不同分辨率上均应合理；
4、同一页面在不同操作方式（如鼠标和触屏）下，体验应统一；
5、同一页面在不同类型的设备（手机、平板、电脑）上，交互方式应符合习惯。
响应式界面的基本规则
1、可伸缩的内容区块：内容区块在一定程度上可自动调整，以确保填满整个页面。
网页链接
前端开发中的交互式与响应式有何含义，有何区别
一句话概括：交互式：页面或界面会根据用户的行为（键盘、鼠标、触摸等）进行相应的变化。
响应式：页面或解码会根据屏幕和浏览器的不同而显示不同的样式（排列、显隐）。
“交互式”是针对用户的，“响应式”是针对设备的。再补充一点例子：交互式：鼠标移入移出、点击时改变颜色；输入表单时提示格式是否正确；鼠标放到图片上显示预览图；幻灯片；移动端点击弹出简洁菜单，按住弹出更多菜单；鼠标或手指拖放排序；等等。
响应式：同一个图片展示网页，在电脑等宽屏浏览时一行显示6个，并且图片下面有简短介绍；使用手机浏览时，一行显示2个，文字介绍变成半透明的浮在图片上。
banner图片在电脑、平板、手机上都能显示全屏，并根据不同分辨率加载相应大小的图片。
播放视频时，根据不同的浏览器调用相应的视频文件。
