vue和h5如何设置网页端和窗口大小同步缩放

在HTML文件中加入以下代码

<body style="transform-origin: top left; -moz-transform-origin: top left; font-family: Microsoft YaHei; width: 100%; height: 100%; margin: 0px; overflow: hidden; background-color: rgb(0,42,77);" οnresize="resize();">

function resize() {

var curWidth = document.documentElement.clientWidth;

var curHeight = document.documentElement.clientHeight;

var s1 = curWidth / 1920;

var s2 = curHeight / 1080;

var scale = (s1 > s2 ? s2 : s1);

var userAgent = navigator.userAgent.toLowerCase();

if (userAgent.indexOf("firefox") != -1) {

//-moz-transform:scale(0.66);

document.body.style.MozTransform = "scale(" + scale + ")";

}

else {

document.body.style.transform = "scale(" + scale + ")";

}

}

resize();

相关推荐
纽格立科技13 小时前
DRM 发射端链路图(上)
前端·人工智能·车载系统·信息与通信·传媒
一 乐13 小时前
幼儿园管理系统|基于springboot + vue幼儿园管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·幼儿园管理系统
云水一下13 小时前
Vue.js从零到精通系列(七):高级特性实战——Teleport、异步组件、自定义指令与TypeScript深度结合
前端·vue.js·typescript
qq43569470113 小时前
Vue05
前端·vue.js
qq_4221525713 小时前
PDF 解密工具怎么选?2026 年文档密码移除方案与注意事项
java·前端·pdf
YHHLAI13 小时前
前端工程化调用 AI 多模态生图模型:Qwen Image Demo 实战
前端·人工智能
英勇无比的消炎药13 小时前
收藏备用TinyVue开发高频踩坑问题合集
vue.js
触底反弹13 小时前
一文彻底搞懂 JavaScript 栈和队列(建议收藏)
javascript·算法·面试
To_OC13 小时前
我一直以为 Ajax 是个黑盒,直到我写了这 50 行代码
前端·后端·全栈
用户0595401744613 小时前
RAG 记忆层踩坑实录:用户偏好凭空消失,我排查了 4 小时,最后用 LangChain + Chroma 搭了套自动化回归测试
前端·css