如果要用通俗易懂的术语来描述响应式网页设计，网页设计必须依赖一个流动的环境，允许基于比例的网格和灵活的图像，同时允许 CSS3 媒体命令。这意味着页面元素大小以百分比表示，而不是以像素或点为单位的固定测量值。这也意味着灵活的图像不会偏离其包含元素。考虑内容显示的设备类型也很重要，因为媒体查询将根据设备本身的功能（最常见的是要使用的浏览器宽度）决定 CSS 样式命令。
响应式网页设计 (RWD) 之所以变得如此重要，是因为许多人都依赖移动设备访问互联网。有些人甚至会说，消费者优先使用移动设备，而不是台式机和笔记本电脑。尽管智能手机 价格相当昂贵，但值得注意的是，智能手机的购买量尚未达到峰值，因此您可以预期会有更多人购买自己的智能手机，因为他们需要提供的互联网访问。但是，不要认为响应式网页设计排除了台式机或笔记本电脑，因为 RWD 也包括使用传统计算机。在 RWD 中，图像的显示方式非常重要。
您可以将 RWD 与其他网页设计概念（例如自适应网页设计或移动网页设计）进行对比。PHP Web 开发也可能有所帮助。RWD 与自适应网页设计的区别在于，RWD 会适应各种因素的变化 葡属帝汶电邮列表 而自适应网页设计会适应一组因素 - 因此，区分两者的关键在于因素的数量。除此之外，许多网页设计师认为 RWD 在实际用途上与自适应网页设计几乎相同（因为两者都会适应查看环境）。另一方面，术语“移动网页设计”涉及注重移动设备使用的网页设计。同样，您可能倾向于将移动网页设计与 RWD 和自适应网页设计合并，因为移动网页设计也必须像这两者一样流畅灵活。区分移动网页设计与这两者的一个好方法是记住，使用移动网页设计，您必须专门为移动设备用户设置一个域，这意味着为此建立一个网站。
追求响应式网页设计的一个正当理由是Google 和其他搜索引擎授予的搜索结果排名。由于来自移动设备的网络流量现在比传统网络流量更占主导地位，Google 希望鼓励更多网络开发人员更加重视移动设备的网页设计。因此，如果您习惯于针对笔记本电脑和台式机等硬件的传统网页设计，那么习惯于优先考虑移动设备的网页设计（或作为传统网页设计的补充）可能是明智之举。一些网页设计师可能会抱怨这一点，因为为移动使用编写代码确实需要他们付出额外的努力。但是，如果您想利用互联网流量的趋势，这是一个好主意。
与 RWD 相关的是，一些开发人员可能会选择简单地开发一个依赖于传统代码模式的网站，然后修改代码以反映图像的使用情况。这更简单，但不一定是最佳的编码模式，因为图像占用了大量空间，因此代码中的元素必须流畅流动。当今一代的 智能手机还必须能够读取您添加的图像，这样 RWD 才能成功。
要使响应式网页设计发挥作用，灵活性至关重要。这意味着您的网站布局可以随时修改，或者可以在使用过程中更改网站和图片的格式。其中一个原因是不同的人使用不同的移动设备，因此这是网页设计的适应性的一部分。相比之下，传统网页设计依赖于固定值，因此没有任何灵活性。
要制作灵活的网页设计，您需要重新检查 HTML 和 CSS 编码，尤其是 min-height、max-height、min-width 和 max-width 属性。如果您想实现灵活性，则需要控制这些属性。
那么媒体查询呢？媒体查询在响应式网页设计中扮演什么角色？就媒体查询而言，您需要注意在样式表中使用 @media 规则，这样就不会产生新的 HTTP 请求。请注意，老一代手机无法识别媒体查询，因此最好将其用于更现代的手机（也称为智能手机）。有些老一代手机甚至不支持 JavaScript 或媒体查询，因此您可能不得不依靠浏览器嗅探（也称为浏览器检测）和移动设备检测来确定是否存在正确的 HTML 和 CSS 命令 - 但设备功能数据库也必须存在才能使其工作。