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

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

第一类：解决方案：

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

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

第二类：解决方案：

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

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

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

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

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

DBA开发PC和手机报表解决方案及实践
DBA开发PC和手机报表解决方案及Step By Step实践作者:长江支流 " 只写一个数据库的结构化查询SQL语句,因为这是绝大部分企业的信息中心数据库管理员DBA都会做的事情.但是 ...
ZylGPSReceiver3.8x版本crack, PC的NMEA兼容接收器
ZylGPSReceiver3.8x版本crack, PC的NMEA兼容接收器 ZylGPSReceiver被设计为 Delphi 和 CBuilder 的一个组件,为与串行 GPS 接收器的联系和通 ...
警告：隐式声明与内建函数‘exit‘不兼容解决方案
警告:隐式声明与内建函数'exit'不兼容解决方案参考文章: (1)警告:隐式声明与内建函数'exit'不兼容解决方案 (2)https://www.cnblogs.com/davytitan/p/ ...
textarea的maxlength属性兼容解决方案
textarea的maxlength属性兼容解决方案参考文章: (1)textarea的maxlength属性兼容解决方案 (2)https://www.cnblogs.com/oufeng/p/6 ...
对于未来chrome80 samesite问题的兼容解决方案
对于未来chrome80 samesite问题的兼容解决方案参考文章: (1)对于未来chrome80 samesite问题的兼容解决方案 (2)https://www.cnblogs.com/du ...
android半透明闪退,移动端常见面试题一：移动端兼容解决方案
原标题:移动端常见面试题一:移动端兼容解决方案移动端经常出现的兼容问题 1.安卓浏览器看背景图片,有些设备会模糊因为手机分辨率太小,如果按照分辨率来显示网页,字会非常小,安卓手机devicePi ...
** PC端完美兼容各种分辨率的简便方法 **
PC端完美兼容各种分辨率的简便方法小程序.前端交流群:609690978 PS:此方法需使用到less或者scss的@变量来支持以设计图 1920 宽度为例: css中存在一种叫vw的单位,是针对 ...
开源前夕先给大家赞赏一下我用C语言开发的云贴吧站点自己主动兼容-移动、手机、PC自己主动兼容云贴吧...
开源前夕先给大家赞赏一下我用C语言开发的移动.手机.PC自己主动兼容云贴吧 - 涨知识属马超懒散,属虎太倔强.十二生肖全了!-转自云寻觅贴吧转: 涨知识属马超懒散,属虎太倔强.十二生肖全了! -转自 ...
MacBook 无法启动（白苹果+无限菊花）解决方案及心得
MacBook 无法启动(白苹果+无限菊花)解决方案及心得参考文章: (1)MacBook 无法启动(白苹果+无限菊花)解决方案及心得 (2)https://www.cnblogs.com/Jens ...

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

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

最新文章

热门文章