响应式网站设计布局Or自适应网站设计布局

自适应网站设计布局有它自己的优势，因为它们实施起来代价更低，测试更容易，这往往让他们成为更切实际的解决方案。自适应网站设计布局可以看做响应式网站设计布局的“穷兄弟”，在资源有限的情况下就可以让它出马。特别是改进现有网站的时候尤其奏效，因为全部重写代码在这时并不可行。这种案例中，采用自适应网站设计布局是一个不错的出发点。真的需要为手机和电脑设计不同的网页吗?首先自适应网站设计布局和响应式网站设计布局解决问题的方式是不一样的。

自适应是为了解决如何才能在不同大小的设备上呈现同样的网页手机的屏幕比较小，宽度通常在600像素以下;PC的屏幕宽度，一般都在1000像素以上，有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。

很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal(入口)，会大大增加架构设计的复杂度。于是，很早就有人设想，能不能"一次设计，普遍适用"，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整网页内容大小但是无论怎样，他们主体的内容和布局是没有变的。

响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不 断到来的新设备做专门的版本设计和开发了。那么企业在选择做网站的时候是该选择自适应网站还是响应性网站?什么样的网站/项目适合使用自适应布局?什么样的网站适合响应式布局?理论上来说，响应式布局在任何情况下都比自适应布局好一些，但在某些情况下自适应布局更切实际。自适应网站设计布局可以让你的设计更加可控，因为你只需要考虑了了几种状态就万事大吉了。但在响应式网站设计布局中你可能需要面对非常多状态，这样一来就很难确切搞清你的设计会是什么样。同时这也带来了测试上的难题，你很难有把握预测到它会怎样。