响应式与自适应设计 鱼与熊掌不可兼得?

先上结论,捌零男人比较喜欢自适应式设计,80man.com用的是自适应设计,原因有三:
1,自适应设计,打开速度更快;
2,自适应设计,设计更简单;
3,自适应设计,效果更极致。
下来分享一些捌零男人对响应式设计和自适应设计个人见解。
自适应简单说,响应式就像变形金刚,能根据目标设备自动改变风格如显示效果,如宽高比例等,这能很好解决不同屏幕尺寸的显示问题,CSS media queries方法的应用使得响应式具有极强的适应性,但同时也会大大增大方案复杂程度,在结构优化和访问速度上影响较大,举个简单例子,你用安卓手机去访问一个响应式网站的时候,会加载一大堆毫不相关的代码(只针对PC端的JS、CSS文件等等)。
而自适应设计是基于断点使用静态布局,会根据屏幕的尺寸大小来匹配对应前端方案,从而展示相应的前端效果,一般来说有PC方案和mobile方案,自适应设计起来要考虑的元素相对较少,更有利个性化设计,结构优化操作起来也简单多了,客户端访问速度也会快很多,毕竟不用加载那些冗余的JS、css等。
打个比喻吧,张三要吃粤菜,李四要吃湘菜,赵五要吃川菜,如果用自适应方案来解决这问题,你得做一个粤菜,一个湘菜,一个川菜,然后把粤菜给张三,把湘菜给李四,把川菜给赵五,这样张三李四赵五都会很满意。但如果要用响应性方案来解决,你就要做一个菜,同时让张三吃出粤菜味道,李四吃出湘菜味道,赵五吃出川菜味道,难度肯定大很多,这个比喻可能有点不恰当,但大概意思就是如此。