响应式Web设计是指设计和开发应该根据屏幕大小、平台和方向响应用户的行为和环境。该实践包括灵活的网格和布局、图像和CSS媒体查询的智能使用。 当用户从笔记本电脑切换到iPad时，网站应该自动切换以适应分辨率、图像大小和脚本能力。人们可能还需要考虑他们设备上的设置;例如，如果他们的 iPad上有iOS的VPN，网站不应该阻止用户访问该页面。换句话说，网站应该拥有自动响应用户喜好的技术。这将消除对市场上每个新设备的不同设计和开发阶段的需求。
将这一原则移植到Web设计中，我们就有了一个类似但全新的想法。我们为什么要为每个用户组创建自定义Web设计;毕竟，建筑师不会为经过它的每个组的大小和类型设计一个建筑吗?像响应式架构一样，Web设计应该自动调整。它不应该为每个新用户类别需要无数的定制解决方案。
显然，我们不能像建筑那样使用运动传感器和机器人来实现这一目标。响应式Web设计需要一种更抽象的思维方式。然而，一些想法已经在实践中:流畅的布局、媒体查询和可以轻松(或自动)重新格式化网页和标记的脚本。但是响应式网页设计不仅仅是关于可调整的屏幕分辨率和自动调整大小的图像，而是关于一种全新的设计思维方式。让我们讨论所有这些特性，以及正在形成的其他想法。
调整屏幕分辨率
随着更多设备的出现，屏幕分辨率、定义和朝向也会发生变化。每天都在开发具有新屏幕尺寸的新设备，这些设备中的每一个都可以处理大小、功能甚至颜色的变化。有的在风景画中，有的在肖像画中，还有的甚至是完全方形的。正如我们从iPhone、iPad和高级智能手机的日益普及中所了解到的，许多新设备可以根据用户的喜好从肖像到风景。如何针对这些情况进行设计?
响应式网页设计-肖像风景
除了为横向和纵向设计(并允许这些方向可能在页面加载时立即切换)，我们还必须考虑数百种不同的屏幕大小。是的，可以将它们划分为主要类别，为每个类别进行设计，并使每个设计尽可能灵活。但这可能是压倒性的，谁知道五年后的使用量会是多少呢?此外，许多用户没有最大化他们的浏览器，这本身 就为屏幕尺寸的多样性留下了太多的空间。