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

相关推荐
高桥凉介发量惊人2 分钟前
UI 与交互篇 (3/6):动画体系:隐式动画到自定义动画
前端
cyforkk4 分钟前
前端架构实战:当服务器关闭时,如何优雅提示 502 错误?
服务器·前端·架构
高桥凉介发量惊人9 分钟前
UI 与交互篇(1/6):组件化思路:从页面复制到可复用组件
前端
kyriewen9 分钟前
Generator 函数:那个能“暂停”的函数,到底有什么用?
前端·javascript·面试
进击的尘埃9 分钟前
驾驭Skill市场:从3000+技能包中筛出真正能打的20个
javascript
打酱油的D22 分钟前
01. Node.js 运行时
前端·后端
悟空瞎说26 分钟前
生产环境Node.js内存泄漏,定位+根治全流程(图文版)
javascript·node.js
是大强28 分钟前
Electron 打包用 junction 代替 symlink
前端·javascript·electron
哈__43 分钟前
ReactNative项目OpenHarmony三方库集成实战:lottie-react-native
javascript·react native·react.js
哈罗哈皮44 分钟前
trea也很强,我撸一个给你看(附教程)
前端·人工智能·微信小程序