用vue和element-ui做一套PC和移动端适配的管理系统

Question

要用同一个地址，做成响应式的，我该如何做？是判断是PC端就用element-ui，是移动端就用mint-ui，这样写两套吗？还是怎么做呢

如图很小的管理系统

Answer 1

建议写1套，移动端依然按照 pc 端方式访问：

理由：

1. 一些后端操作数据，例如穿梭框，在移动端浏览模式下，基本歇菜，如果你要兼容移动端，就要另外设计在移动端下的操作方式，数据结构也要跟着调整，维护难度极大。
2. 移动端的操作方式跟 pc 端的完全不一样，你要衡量好 ui 设计和操作方式的问题。
3. 响应只是样式，真正麻烦的是操作。

Answer 2

用两套ui就太复杂了，也不好维护，建议找一个可以自适应的UI组件，这样只需要一套代码。

Answer 3

一套吧

1. layout组件 自适应
2. 内容部分 按百分比
3. 遇到小屏幕 一个个 顺序向下排，布局少些 嵌套

Answer 4

想要用户体验好的话，建议还是两套。如果是佛系的话，你就怎么简单怎么来