vue3关于pc移动两端兼容解决方案及心得
零零碎碎搞了这个小东西,还有很多不完善的地方。希望各位大佬共同学习和进步,文章若有不对之处请多多指正。在各位阅读这篇文章的时候,就当各位有一定的基础了。否则请各位先了解下基础,以下是参考文章。vue-cli:https://cli.vuejs.org/migrating-from-v3/vue:https://vue3js.cn/docs/(中文文档:https://vue3js.cn/docs/
·
根据现有的解决方案大致可分为两类:第一类是一套代码实现两端统一;第二类是两套代码针对性处理;
第一类:解决方案:
1、纯css解决,@media媒体查询。页面较少建议使用。
2、js根据不同分辨率选择加载不同的css。页面较少建议使用。
第二类:解决方案:
1、一个项目内,将移动、pc分开单独写两套代码,每套代码只需要关心自己的适配即可(pad可以按照pc处理)。
2、两个项目各自开发,根据js判断跳转域名即可,之前我们处理方案就是在域名后面添加m和pc。
如果想要实现一套代码实现pc和移动两端统一的,结合公司的UI设计,使用flex布局即可,而且对于开发者要求也比较高。
这是个人的解决方案,大家可以当做一个参考:Demo
更多推荐



所有评论(0)