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();

相关推荐
空山新雨(大队长)几秒前
HTML第九课:HTML5新增标签
前端·html·html5
Wish3D3 分钟前
在前端开发中,html中script 的type分别有哪几种?分别什么情况用到?
前端·html
Hashan3 分钟前
你知道Webpack解决的问题是什么嘛?
前端·webpack
golang学习记11 分钟前
从0死磕全栈第五天:React 使用zustand实现To-Do List项目
前端
傻梦兽13 分钟前
2025年,跟 encodeURIComponent() 说再见吧
前端·javascript
Lingxing14 分钟前
事件流:深入理解事件冒泡、事件捕获与事件委托
前端·javascript·面试
前端小白199515 分钟前
面试取经:浏览器篇-跨标签页通信
前端·面试·浏览器
golang学习记16 分钟前
从0死磕全栈第4天:使用React useState实现用户注册功能
前端
AlenLi16 分钟前
TypeScript - 开发圣经SOLID设计原则
前端·架构
San3017 分钟前
JavaScript 入门精要:从变量到对象,构建稳固基础
javascript·面试·html