小工具      在线工具  汉语词典  css  js  c++  java

vue3在PC端和移动端兼容方面的解决方案和经验

Web前端,Vue,vue3,移动开发 额外说明

收录于:39天前

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

第一类：解决方案：

1.纯CSS解决方案，@media媒体查询。建议使用页数较少的页面。

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

第 2 类：解决方案：

1. 在一个项目中，分别为移动端和PC端编写两套代码。每套代码只需要关心自己的适配（pad可以根据PC来处理）。

2、两个项目是分开开发的。根据js判断跳转到域名即可。我们之前的解决方案是在域名后面添加m和pc。

如果想要实现一套代码来统一PC端和移动端，可以根据公司的UI设计使用flex布局，对开发人员的要求比较高。

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

​

. . .

相关推荐

额外说明

20.在Ubuntu和Windows之间传输文件

开启 Ubuntu 下的 FTP 服务 打开 Ubuntu 的终端窗口，然后执行如下命令来安装 FTP 服务： sudo apt-get install vsftpd sudo vi /etc/vsftpd.conf 打开以后 vsftpd.conf 文

额外说明

C++程序设计：判断输入的最大整数

【问题描述】 输入四个不同的整数，输出其中最大的一个整数 【样例输入】 12 21 24 33   【样例输出】 33   【样例说明】 分支语句的使用   #include <iostream> using namespace std; int mai

额外说明

泛函分析2——Normed Linear Spaces

文章目录 Preface FUNCTIONAL ANALYSIS NOTES 2 Normed Linear Spaces 2.1 Definition Examples Notation Equivalent Norms Definiton examp

额外说明

餐中餐（5）Lucene--存储文件加载（Part 1: Segments加载）

note: 代码版本：Lucene 最新版本 --> https://github.com/apache/lucene 文章目录 Graph Abstract: 1. Index –> Segments (segments.gen, segments_N

额外说明

【Java 进阶篇】JavaScript三元运算符详解

JavaScript是一门广泛用于前端和后端开发的编程语言，具备强大的表达式和运算符。本篇博客将重点介绍JavaScript中的三元运算符，解释其语法、用法和示例。如果您是JavaScript初学者，或者希望更深入了解这门语言的运算符，那么这篇博客将为您

额外说明

《天天数学》连载54：二月二十三日

2月23日 XXIII 数学格言 虽然这看起来像个悖论，但是一切精确科学都是受近似观念支配的。——贝特兰·罗素（Bertrand Russell） 数学习题 求正五角星一个角的度数。 古今评注 罗杰·彭罗斯（Roger Penrose）在1970年凭借拼

额外说明

AI实战营第二期 第九节 《底层视觉与MMEditing》——笔记10

文章目录 AI实战营第二期 第九节 《底层视觉与MMEditing》 什么是超分辨率 图像分辨率的目标 应用方向 超分的类型 单图超分的解决思路 深度学习时代的超分辨率算法 SRCNN Fast SRCNN SRResNet 感知损失 VS. 均方误差

额外说明

mysql创建自定义函数报错

mysql创建自定义函数报错：This function has none of DETERMINISTIC, NO SQL, or READS SQL DATA in its declarat… 这是我们开启了bin-log，我们就必须指定我们的函数是

额外说明

springMVC的拦截器

   SpringMVC 中的Interceptor 拦截器也是相当重要和相当有用的，它的主要作用是拦截用户的请求并进行相应的处理。比如通过它来进行权限验证，或者是来判断用户是否登陆，或者是像12306 那样子判断当前时间是否是购票时间。    一、定义

额外说明

解决系统缺少Windows.UI.Xaml.Maps.dll文件无法启动问题

其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题，如果是新手第一时间会认为是软件或游戏出错了，其实并不是这样，其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库，这时你可以下载这个Windows.UI.Xam

最新推荐

【OpenCV】高手勿入! 半小时学会基...
196天前
Java程序员入职指南-北漂Java程序...
196天前
Docker从入门到放弃-----Doc...
196天前
大型互联网网站项目架构如何设计
196天前
一文搞懂gin各种上传文件
196天前
展示自我风采
196天前
7.1 动手实现AlexNet
196天前
JVM调优
129天前
IntelliJ Idea编译报错：请使...
129天前
JavaScript 中获取当前时间 y...
39天前
ads via 小工具