多终端适配方案

总结供大家对适配方案进行选择。

拿到视觉稿

↓

判断布局是哪种类型

↓

1、内容少，绝对定位图片少，布局简单，一般为上下结构

↓

是否需要适配PC？

是→自适应方式

否→自适应、rem、viewport方式

↓

是否要嵌入APP或运用响应式布局？

是→自适应、rem方式

否→自适应、rem、viewport方式

推荐使用自适应方式

2、内容适中，绝对定位元素少

↓

是否要嵌入APP或运用响应式布局？

↓

是→rem方式

否→rem方式或viewport方式

推荐使用rem方式

3、整屏专题H5；绝对定位元素多

↓

是否需要适配PC？

↓

是→H5专题页面的cover方式

否→H5专题页面的contain方式