随着移动设备的普及和多样化，作为设计师，我们需要迎合各种屏幕尺寸。这是每个网络和应用程序设计师当前面临的挑战。从大型企业监控器到智能手表，用户今天可以通过多种方式在线访问信息。希望弥合设备之间差距的设计人员在网站设计时有两种选择：自适应站点或响应站点。
对于没有任何一种设计风格经验的人来说，界限似乎模糊了，但是当您仔细观察两者时，两者之间会有明显的区别。
响应式网站根据可用的浏览器空间显示内容,如果你打开桌面上的一个浏览器，然后改变浏览器窗口的大小，内容将动态移动来安排自己（至少在理论上）最佳的浏览器窗口。在手机上，此过程是自动的；该站点将检查可用空间，然后以理想的布局进行展示。
响应式设计非常简单。因为它是可变的，所以它意味着用户可以访问您pc端，并在其手持设备上享受与在大型显示器上一样多的乐趣。为了做到这一点，响应式设计需要对网站进行非常好的概念化设计，并且对最终用户的需求和知识有深入的了解！
自适应设计具有多个固定的布局尺寸，不同于响应式设计依赖于更改设计模式以适合其可用空间的情况。当站点检测到可用空间时，它将选择最适合屏幕的布局。因此，当您在桌面上打开浏览器时，站点将为该桌面屏幕选择最佳布局；调整浏览器的大小不会影响设计。
一些站点很快就接受了自适应设计。亚马逊，今日美国，苹果和About.com将自己配置为针对移动设备进行优化的网站。使用自适应设计在移动网站上显示的布局可能与台式机的版本不同。但是，这是因为设计人员为手机的屏幕选择了不同的布局，而不是让设计尝试重新布置自身。
在自适应设计中，通常针对六个最常见的屏幕宽度开发六个设计；320、480、760、960、1200和1600像素。
响应式设计是比较容易和花费更少的工作来实现。在每个屏幕尺寸上，它都可以减少对设计的控制，但是，这是目前创建新网站的首选方法。这也可能与大多数内容管理系统（CMS）（例如WordPress，Joomla等）可用的大量廉价模板有关—毕竟，谁想重塑轮子？
响应式设计师会创建一个要在所有屏幕上使用的设计，通常会从分辨率的中间开始，并使用媒体查询来确定将对分辨率范围的低端和高端进行哪些调整。这往往会使用户感到高兴，因为熟悉的Web设计似乎可以保证转换到任何设备的屏幕上。一致性和无缝性是提供良好用户体验的关键考虑因素。
自适应设计（理论上）将根据用户使用的任何设备来确保最佳的用户体验。在自适应设计中，屏幕从桌面设计“流”到了较小的设备中，自适应设计提供了量身定制的解决方案。顾名思义，它们可以适应用户的情境需求和能力。作为设计师，我们可以通过使我们的设计易于操作，向用户表明我们符合他们在移动设备上的需求。同时，我们可以为桌面用户执行相同的操作。我们从网站的最低分辨率版本开始，然后逐步发展到最高分辨率。当前标准是六种设计，但是根据用户的数据，您可能可以使用更少的设计。