PC端多屏适配，PC兼响应式H5项目实现方案？-灵析社区

我现在做的项目就是`PC+H5`两个兼容，采用的大概方案有如下2种供你参考 #### 1.两套样式，html单独开发，js 80~95%复用 `PC`和`H5`是两套不一样的`UI`，`UI`代码也是两份，但是交互部分`80%`左右可以复用。 比如一个登录界面，`pc`用`element-ui`,`H5`用`vant`。html部分用两套代码进行实现，js部分就用`minix`进行混入共用，在不同组件的返回值做一些特殊处理即可。 > 缺点：逻辑部分混用有非常多的判断处理，后期不太好维护 #### 2.自适应，html、js共用，css做样式变形、控件做封装处理 这个做法对设计师的能力要求较高，对开发者的能力要求也略高，不然代码写出来很臃肿 比如采用`栅格`或者`媒体查询`进行不同尺寸下的样式变化进行开发，代码都是一套。 > 如果有下拉控件、日期控件等等，需要自行封装一个`自适应PC和H5的组件`，内部做一个兼容处理。