通过响应式或页面终端判断去实现一套资源适配所有终端

来源：郑州天琥设计培训学校时间：2019/8/10 8:38:15

优势：只需维护一套资源，维护成本较低。

劣势：需加载适配各个终端的各个资源，在不同终端通过响应式布局实现不同展现，部分交互效果需要在页面中做终端判断，代价较大，若图片资源为一套，部分图片在超高分辨率设备(例如iphone系列)下会失真，且在非wifi情况下即使加了延时加载也易出现加载慢的情况。

技术选型：jquery(或原生js等)+ 响应式 + 前端模块加载器(seajs或RequireJS等)+ css预处理器(sass 或less等)。jquery较好的兼容性配合响应式可相对代价较小地实现跨终端。前端模块加载器主要负责按需加载，以提高页面加载速度，css预处理器的变量、运算、嵌套等特性可大大提高手动计算响应式的效率，妈妈再也不用担心我把比例算错了。当然后两者可参考需求及成本决定是否采用。