响应式网页设计最近成为一个热门话题，并且有充分的理由; 这是一个很棒的好主意。这个概念基于响应式架构，并在2010年就被提及。
响应式架构是物理空间如何响应通过它们的人的存在的想法。Marcotte将这个想法用于网页设计以及人们如何看待它们。他曾与那些要求“iPhone”网站作为项目一部分的公司会面。但随着用于观看互联网的各种设备不断扩大，他想知道未来需要创建多少个网站才能跟上人们对其的看法？

因此，为了克服这个问题，他使用了技术和想法，这些技术和想法在组合在一起时允许网站可以扩展到查看它的源。
这不是我们的问题
在创建设备时，他们的目的是基于超越另一个设备来捕获市场的兴趣。三星的Galaxy SIII试图比iPhone更好，Kindle和Nook试图比iPad更好。但是，虽然这些设备之间相互竞争并不断改变他们的屏幕尺寸，但是他们中的任何一个真的关心它如何影响您在网络上的业务吗？
当然不是！如果你问我，这很自私。因此，从X-Box到平板电脑，从智能手机到计算机的所有这些设备都可以访问互联网，人们无法确保无论客户如何看待他们，他们都喜欢他们所看到的内容。
这个怎么运作
简而言之，它的工作方式是使用可根据观看尺寸轻松扩展或收缩的流体网格。这个概念类似于液体布局，但可以更进一步。流体网格与媒体查询相结合，允许您收集有关网站访问者的数据，从而允许将条件CSS样式应用于该查看器。这意味着您的内容将适应看着它的人​​。基本布局保持不变，但随着观看宽度的缩小而不会失去整体风格，它可以延长。
如果您曾经查看过响应式网页，那么它非常灵活。当您调整浏览器宽度时，页面只会随之流动而不需要底部滚动条或只丢失内容。
在接下来的几年中，移动浏览将完全超越桌面浏览。这只是一个不可避免的事实。最重要的是，当人们使用其他奇怪的设备访问网络时，迎合每个人都变得越来越困难。不要陷入争夺手机网站，平板电脑网站和桌面网站的竞争，而应该考虑创建一个响应能力强的网站，无论大小如何，都可以做到这一切。大多数网站都可以使用漂亮的瘦脸装，因为无论如何它们都可以使用几年。