多终端适配方案
2018-10-18 本文已影响0人
奇怪的双子座
总结供大家对适配方案进行选择。
拿到视觉稿
↓
判断布局是哪种类型
↓
1、内容少，绝对定位图片少，布局简单，一般为上下结构
↓
是否需要适配PC？
是→自适应方式
否→自适应、rem、viewport方式
↓
是否要嵌入APP或运用响应式布局？
是→自适应、rem方式
否→自适应、rem、viewport方式
推荐使用自适应方式
2、内容适中，绝对定位元素少
↓
是否要嵌入APP或运用响应式布局？
↓
是→rem方式
否→rem方式或viewport方式
推荐使用rem方式
3、整屏专题H5；绝对定位元素多
↓
是否需要适配PC？
↓
是→H5专题页面的cover方式
否→H5专题页面的contain方式
