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

发布于:2023-09-14 ⋅ 阅读:(92) ⋅ 点赞:(0)

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


网站公告

今日签到

点亮在社区的每一天
去签到