如果时光倒流到十年前，用户访问网站的工具基本上有两种，一种是桌面，另一种是笔记本。当时的网站设计是这样的。对于不同的屏幕尺寸，网站设计公司通常会设计几个版本，让用户根据自己的设备和习惯进行调整。在移动互联网时代，显示终端发生了巨大的变化。如果用户不得不自己调整浏览界面，那就不再是符合时代要求，因此响应式网页设计技术应运而生。

网站设计为基本的网页显示技术，采用弹性技术，这种技术将网页显示从过去的固定大小、换位百分比，这样很容易解决网页显示的问题，但是，如果你到了这里，一切都会好起来的。显然，响应式网站建设技术不是一种技术，而是一个小小的更新！

一个需要解决的问题是如何解决图片的大小。一般来说，图片是按照网页的原始大小显示的。此时，需要一种技术来使网页图片不失真地缩放并显示友好。当然，我们都知道，上网的很多方式都是按流量收费的，而图片只会耗费大量的流量。在这个时候，我们应该在选择网站图片时使用分辨率较小的响应图片。响应图像根据屏幕大小自动调整分辨率，达到清晰可见、减少流量的目的。

然而，问题又来了。在网页设计过程中，技术人员可以根据现有设备进行设计。当新设备出现时我们应该怎么做？设计师也考虑到这个问题，就是有一套专门的查询系统，它会根据不同的屏幕分辨率水平写下不同的网页布局风格，然后根据自己的平面分辨率上网选择合适的页面布局，这样PC机、平台，手机设备调用不同的CSS文件进行页面布局，从而实现真正的响应设计。