因为桌面萤幕进行网站设计的时代已经过去了，技术和移动网站的扩充套件推动网页设计师重新思考工作如何在各种装置上显示。响应式网站设计是一种设计和代码响应装置萤幕大小的方法，无论是在手机、还是平板，都能提供最佳观看体验。响应式网站主要利用流体网格、灵活的影象和 CSS 样式来改变网站设计，根据浏览器的宽度进行渲染，对于设计人员而言，目标应该是跨不同装置和平台无缝地定制网站设计的 UI 和 UX 。如果设计和开发了无数版本的网站，这些版本适用于所有装置，那么这个过程在时间上不实用，而且成本极高，还会让网站对未来的技术变化无效，几乎无法维护，响应式设计是面向未来的网站的有效解决方案。响应式网页设计的一个主要关键是了解受众以及用于检视网站的装置，当前的流量有多少是桌上型电脑、平板电脑和移动装置。现在，网站中约有 56% 的流量来自移动装置，智慧手机多用户约有 26 亿，为不同的装置设计网站至关重要，但在不同的 Web 浏览器设计时会变得更加复杂，每个主要的 Web 浏览器都有自己的移动版本，以不同的方式呈现网站。更棘手的是，有许多版本的浏览器需要保养，不能指望每个人都使用最新版本，设计的工作原理需响应各种浏览器版本。对于所有浏览器版本以及硬体装置来说，适应行业中的每个多用户都是有必要的，最好在尽可能多的新装置上测试网站。标准网站的大小，数百种装置，模型大小和萤幕解析度一直都在变化，每个网站设计都会吸引不同装置上的多用户通过分析，可了解哪些浏览器和网页尺寸适合网站，通过浏览器大小和装置的组合，如何在不失去理智的情况下进行响应式设计。响应式网站设计应至少具有 3 种不同浏览器宽度的布局，如何使用不是硬性规则。这些布局中的每一个都应包含相同的文字和图形元素，但每个布局应设计为最好的显示基于多用户装置的内容，按比例缩小页面适应较小的萤幕尺寸会使内容不可读，但如果相对于彼此缩放内容切换，会更具可读性。
