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);" onresize="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();
GitHub 加速计划 / vu / vue
100
18
下载
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
0
0- 0
已为社区贡献3条内容
所有评论(0)