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

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

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

收录于:38天前

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

第一类:解决方案:

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

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

第 2 类:解决方案:

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

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

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

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

. . .

相关推荐

额外说明

java.net.SocketTimeoutException:读取超时、tcp连接心跳[TCP Keep-Alive]、socket模拟http

logger.info("接口开始"); con.setConnectTimeout(5000);//建立连接的超时时间,单位毫秒 con.setReadTimeout(3 * 60

额外说明

Http——Post上传文件并传递其他参数信息

文章目录 前言 主要代码部分 前言 之前的博客中针对Http有很多其他的案例,这里不做过多的说明,详情可以去围观: 使用org.apache.httpcomponents.httpclient进行Post和get请求测试 主要代码部分 // 创建http

额外说明

java装箱和拆箱详解

什么是装箱和拆箱 装箱就是自动将基本数据类型转换为包装器类型。 拆箱就是自动将包装器类型转换为基本数据类型。 装箱和拆箱的原理 自动装箱都是通过包装类的 valueOf() 方法来实现的.自动拆箱都是通过包装类对象的 xxxValue() 来实现的。 场

额外说明

C++中的一些调试小结(四)

使用strace、ltrace寻找故障原因 请看如下代码: 1.#include<stdio.h>   2.#include<stdlib.h>   3.int main()   4.{   5.    FILE *fp;   6    fp = fop

额外说明

Microsoft edge下载Vue的开发者工具方法

下载地址:Installation | Vue Devtools (vuejs.org) 选择对应的浏览器版本,此处下载的是Edge,下拉有对应版本的安装教程 蓝色按钮为安装,由于我已经下载好了,显示的是删除按钮 安装好后,找到浏览器的隐藏...,选择扩

额外说明

go 包循环引用 (import cycle not allowed)

前言 在项目中,我们或多或少都会遇到go的包循环引用的问题,类似这样 这就让人很头疼,为什么在其他语言中都没见过这种错误呢?这我们就得来谈谈go的设计理念了。 go 为什么不允许循环引用 曾经有人提议Go语言作者Rob Pike,想要在Go以后的版本去掉

额外说明

机器学习 第五节 第七课

[toc] Series 复合索引 执行结果: DataFrame 复合索引 执行结果:

额外说明

Spring Boot的新篇章:探索2.0版的创新功能

文章目录 引言 1. Spring Boot 2.0的响应式编程 2. 自动配置的改进 3. Spring Boot 2.0的嵌入式Web服务器 4. Spring Boot 2.0的Actuator端点 5. Spring Boot 2.0的Sprin

额外说明

关于docker和firewall端口冲突问题

前言 docker和firewall底层都会操作iptable 但是 docker操作的iptable不会在firewall上留记录 firewall每次重启也会重置iptable端口规则 这就导致了 1.后启动的docker服务,会 ”打洞“,fire

ads via 小工具