vue3关于pc移动两端兼容解决方案及心得

根据现有的解决方案大致可分为两类：第一类是一套代码实现两端统一；第二类是两套代码针对性处理；

第一类：解决方案：

1、纯css解决，@media媒体查询。页面较少建议使用。

2、js根据不同分辨率选择加载不同的css。页面较少建议使用。

第二类：解决方案：

1、一个项目内，将移动、pc分开单独写两套代码，每套代码只需要关心自己的适配即可（pad可以按照pc处理）。

2、两个项目各自开发，根据js判断跳转域名即可，之前我们处理方案就是在域名后面添加m和pc。

如果想要实现一套代码实现pc和移动两端统一的，结合公司的UI设计，使用flex布局即可，而且对于开发者要求也比较高。

这是个人的解决方案，大家可以当做一个参考：Demo