响应式网站是“响应”访问者正在使用的平台。最常见的是屏幕或浏览器大小。例如，如果浏览器宽度小于一定大小，则该网站可以编程为在一列中显示所有内容 - 有效地创建了移动优化的网站。
当Google开始考虑到2015年4月21日网站是否针对移动搜索进行移动设备优化时，许多网站所有者自然开始考虑使自己的网站响应。
如果您在大多数情况下正在委托一个新网站，那么您的开发人员将使网站具有反应性，除非有充分的理由不要因为访问台式计算机上的网站现在只能代表部分潜在流量。
无论您是否拥有在响应需求之前构建的旧站点，或者您正在构建新站点的过程是一样的（尽管后者比前者更节省时间）。
当您查看网页时，您实际上会将两种不同的内容整合在一起：内容和风格。内容是HTML（超文本标记语言），风格是CSS（级联样式表）。
在响应式网站中，内容实际上并没有改变（有时会显示/隐藏小部分，但不需要陷入困境）。
然而，CSS的一部分可以被设置为仅在满足某些规则时才能启动; 浏览器或屏幕大小在介绍中提到。有许多类型的规则，如高度，方位和像素密度（用于视网膜显示）。
使站点响应的核心是遍历每个页面，并创建规则和样式，以便站点在特定条件下进行格式化。通常这是基于任意的移动，平板电脑和桌面平台。
除此之外，由于空间有限，导航更改为使用较少页面的格式。例如，导航项目可以转换为下拉菜单，菜单可以隐藏在屏幕之外，并通过按钮显示/隐藏。
最后，图像需要优化，因为浪费带宽，以在移动设备上显示巨大的桌面图像。相反，移动图像将在大型桌面显示器上看起来像素化。
所有这些都不是特别困难，但是它们在大型网站上可能是耗时的。此外，测试过程更长，因为您需要尝试在多个设备上的所有内容。