响应式和自适应

Posted 2020-10-04

很多人容易把【响应式设计】和【自适应】混为一谈，认为都是适配不同的终端，然而他们两个是有本质的区别。
响应式设计的目标对象是PC端和Mobile端web页面，设计师出一张图，告诉开发人员，在PC上要显示哪些内容，在Mobile上要显示哪些内容，只需要一个url，一套代码即可。
自适应的目标对象是Mobile端web页面，设计师出一张图，开发人员写一套代码，来适配不同手机不同浏览器。
他们的根本区别在于显示内容，响应式设计会根据设备来显示不同的内容，而自适应会显示相同的内容，不管设备是什么。
综上，你的网站是怎么设计的？是做成一套响应式代码？还是PC端做一套，Mobile端做一套，互不干涉？这要根据业务场景需要来决定。