## 一、概述 如果需要同时提供PC和手机访问的时候，前端页面的设计，一般来说，有两种策略； 1、响应式布局 2、PC和手机分别单独设计 ## 二、使用场景 响应式布局： 访问者和网站的交互很少，仅仅用于信息展示和获取以及点个赞什么的。需要写的兼容性代码很少，非常适合做成响应式； 单独设计布局： 如果业务功能足够复杂，一般需要独立维护两套前端，分别针对PC和手机，这样，而并不适合做一套响应式设计； ## 三、结论 我们的开发，肯定需要维护两套UI，一套针对PC，一套针对手机，单独设计，单独开发； 1、PC端，可以用基于ant-design-vue-pro作为基础UI前端框架； 2、手机端，可以用基于Vant（基于Vue 3）作为基础UI前端框架； 常用的PC端基于Vue的前端框架： https://github.com/vueComponent/ant-design-vue https://github.com/vueComponent/ant-design-vue-pro 常用的手机端基于Vue的前端框架： https://vant-contrib.gitee.io/vant/next/#/zh-CN/