响应的网页设计已成为一个包罗万象的术语，让你的网站很好的工作在低分辨率。
智能手机带来了移动网络，和片扔一个扳手插入齿轮越来越多。所有的事情考虑，今天一个网站，可以在低分辨率的智能手机的经验，一个中等分辨率的片，或一个高分辨率的台式机或笔记本电脑。当你把视网膜显示器进入组合，潜在的屏幕尺寸多得让人眼花缭乱。理想情况下，你的网站的外观和功能正常以上所有，在任何分辨率。
响应网页本身就是在非常小的屏幕，一个网站的工作过程，非常大的屏幕，在任何分辨率之间。
在过去的几年中，产业共同发展的一系列共同的最佳实践。许多这些做法，重点改造网站用于高分辨率下的大小。其他人开始在移动和工作到更大的视口，优化的需要。所有这些做法，一般可分为反应或自适应布局。
响应与适应的布局
响应的布局一般有更好的表现比自适应的布局，但在某些情况下（例如，复杂的应用程序）的自适应方法可以更好地为用户服务。无论哪种方式，目标是使你的网站看上去总是最好的所需的分辨率。
大多数人选择使用媒体查询来做到这一点，如
他们是坚固的岩石
除非你需要支持IE8或以下。对于那些仍在IE6–8虽然观众，创造了一个史葛杰尔
JavaScript polyfill称为respond.js
那将使事情。
以前，许多网络设计师有最小的通信与开发商直到切换。现在，设计人员和开发人员一起工作，通过这两方面的设计和开发过程，一切顺利。从用户分析什么可以或不可以被重新排列，当改变视口的设计者和开发者比任何时候都更接近，如果不是同一个人。如果你正在寻找灵感是什么反应或自适应布局看起来像，
mediaqueri.es
是一种流行的网页设计画廊显示四个视口的网站。
自适应布局设计&amp；发展
当响应设计的思想开始抬头，自适应技术为主的一段时间。它更容易过渡到设计和开发这些布局，尽管他们需要更多的工作比他们的反应产品。这也是很多人采取的路线改造一个现有的网站被移动友好。由于自适应布局自然，他们给更多的控制设计的网站。你只需要为特定的视图的设计，和浏览器只显示最高的一个，将它的宽度。这些布局的那些“捕捉”调整为您调整您的浏览器窗口。事实上如果你调整你的窗口必须小于1024像素，你会看到这突如其来的变化，我说的是这个网站的布局调整的重点放在一个中等分辨率的视口。
自适应设计
设计一个自适应开发方法时，工作是相当容易的。在响应的网页成为一件事物，你只要设计一个布局和发展。现在，你会多视口的设计，和开发。通常，它开始在低分辨率的视口和你的工作方式，更容易。如果你开始用高分辨率的视口下去，事情最终会一点……紧凑。和在你到达移动时，混乱。
你设计的视口的数量完全取决于你与开发商，解决基于用户的作战计划。如果当前的网站分析显示大多采用中、低分辨率的视口用户，计划为那些。至少三个你想要的：一个低分辨率的视口（智能手机），中分辨率视口（片），和一个高分辨率的视口（台式机和笔记本电脑）。理想的情况下，规划为六的标准，有三个视口上面列出的高和低分辨率的布局。然而，有太多的比这将使维护太多的处理的发展，所以要谨慎。
适应性发展
开发了一种自适应的布局实际上是很简单和。假设你已经与设计师（或设计师）从一开始就像一个传统的网站开发。你将开始在一个移动的低分辨率的视口开发网站。一旦你做了，我们会使用媒体查询扩展为更高分辨率的视口布局。下面是低，中，和高分辨率的视窗媒体查询：
／＊移动的低和高分辨率的视口* / media（最小宽度：320）{…}”媒体（最小宽度：480像素）{…}