当前位置: 首页 > news >正文

判断当前设备为移动端自适应 平板和pc端为375移动端样式

 在libs的setRem.js中:

let html = document.querySelector("html");
function setRem() {let ui_w = 375;let cl_w = document.documentElement.clientWidth || document.body.clientWidth;cl_w > 750 ? cl_w = 375 : "";html.style.fontSize = (cl_w / ui_w) * 10 + "px";
};window.addEventListener('resize', setRem);
window.addEventListener("load", setRem);

在main.js中:

// 引入setRem
import "./libs/setRem.js";

在App.vue中:

html, body {font-size: 10px;max-width: 375px;margin: 0 auto;position: relative;
}
http://www.lryc.cn/news/371892.html

相关文章:

  • Science Advances|用于胃部pH监测和早期胃漏检测的生物可吸收无线无源柔性传感器(健康监测/柔性传感/柔性电子)
  • C# 使用 webview2 嵌入网页
  • 公司面试题总结(五)
  • Flutter笔记:关于WebView插件的用法(上)
  • 计算机毕业设计Python+Django农产品推荐系统 农产品爬虫 农产品商城 农产品大数据 农产品数据分析可视化 PySpark Hadoop Hive
  • phpcms仿蚁乐购淘宝客网站模板
  • leetcode695 岛屿的最大面积
  • 小程序无法调用服务端问题排查
  • Linux:多线程的操作
  • kunpeng的aarch64架构cpu、openeuler系统、昇腾服务器适配文档转换功能(doc转docx、ppt转pptx)
  • unity 打包PC安装包中常见文件的功能
  • 【Ardiuno】实验使用ESP32单片机实现高级web服务器暂时动态图表功能(图文)
  • 深入浅出服务网格(Service Mesh):现代微服务架构的护航者
  • node调试
  • docker拉取镜像失败超时的解决方法,docker配置国内镜像源
  • 建造气膜结构体育馆需要注意的事项—轻空间
  • 使用脚手架创建vue2项目(关闭eslint语法检查 、运行项目时自动打开网址、src文件夹简写方法)
  • 谷粒商城实战(036 k8s集群学习2-集群的安装)
  • 复旦微FMQL20SM全国产ARM+FPGA核心板,替代xilinx ZYNQ7020系列
  • NPM常见问题
  • 二开版视频CMS完整运营源码/新版漂亮APP手机模板/集成员分销功能等
  • JavaScript的数组排序
  • 从Log4j和Fastjson RCE漏洞认识jndi注入
  • 7-25 数字三角形问题
  • 【Kafka专栏 08】ZooKeeper的Watch机制:不就是个“小喇叭”吗?
  • 三极管的厄利效应(early effect)
  • Maven: 编码GBK的不可映射字符不能编译
  • 《web应用技术》第十一次课后作业
  • flutter中实现首行缩进两端对齐
  • Vitis HLS 学习笔记--Vitis Accelerated Libraries介绍