伴随3G的普及，愈加多的人用手机上网。手机正超越桌面设施，成为访问网络的最容易见到终端。于是，网页设计人员不能不面对一个难点：怎么样才能在不同大小的设施上呈现同样的网页？
手机的屏幕比较小，宽度一般在600像素以下；PC的屏幕宽度，一般都在1000像素以上（现在主流宽度是1366×768），有些还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出认可的成效，并非一件容易的事。
不少网站的解决方案，是为不一样的设施提供不一样的网页，譬如专门提供一个mobile版本，或者iPhone / iPad版本。如此做固然保证了成效，但比较麻烦，同时要维护好几个版本，而且假如一个网站有多个portal（入口），会大大增加构造设计的复杂度。
于是，非常早就有人设想，能否一次设计，常见适用，让同一张网页自动适应不同大小的屏幕，依据屏幕宽度，自动调整布局（layout），则就出现了自适应这一课题，自适应网站制作（Responsive Web Design）指能使网页自适应显示在不同大小终端设施上新网站制作方法及技术。