简单说，响应式网站设计是一种允许设计和代码响应设备屏幕大小的方法。这意味着无论你使用的是4英寸安卓手机，iPad mini，还是40英寸的影院级显示器，你都将获得最优秀的浏览体验。
最好的响应式网站基本上使用流体网格、自适应图像和CSS来改变网站的设计，并根据浏览器的宽度进行渲染。对于设计者来说，最终目标是在不同设备与平台实现无缝定制网站设计的用户界面UI和用户体验UX。
响应式设计的重要性
如果我们为一个网站设计、开发无数个版本适应每一种设备，这个过程不仅费时而且费钱，还会使网站无法使用未来先进的技术变革，而且几乎无法维护。而响应式设计就是一个面向未来的网站设计有效解决方案。
响应式网站设计的关键，在于了解你的受众以及他们用来浏览网站的设备。现在网站的流量有多少来自PC，多少来自平板，多少来自手机？美国网站的大约56%的流量来自移动设备。现在全球大约有26亿智能手机用户，而到2020年，这个数字预计可达到60亿。移动设计将越来越重要。
为不同设备设计网站是至关重要的，但涉及到不同的网络浏览器就变得更加复杂了。每个大型网络浏览器都有自己的移动版本，以不同方式渲染网站。另外，每个浏览器还有不同的版本–毕竟你不能期待每个人都使用最新版。因此，设计适用于不同版本的浏览器也是非常重要的。
