Egret div高度随浏览器自适应

最新推荐文章于 2022-06-30 17:14:54 发布

Mediary

最新推荐文章于 2022-06-30 17:14:54 发布

阅读量329

点赞数

本文链接：https://blog.csdn.net/Mediary/article/details/109532162

版权

在index.html里,先给<div>加一个id,这里设置id为divMain

<body>
    <div id="divMain" style="margin: auto;width: 100%;height: 450%;" class="egret-player" ></div>
	<script>
	//浏览器窗口发生变化时同时变化DIV高度
    window.onresize = autodivheight; 
    autodivheight();
    function autodivheight() { //函数：获取尺寸
        // 窗口发生变化时回到顶部
        window.scrollTo(0, 0);
        // 舞台宽高
        let stageWidth = 1920;
        let stageHight = 4285;
        //DIV高度随浏览器宽度变化
        document.getElementById("divMain").style.height = document.documentElement.clientWidth / stageWidth * stageHight + "px";
    }
	</script>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Mediary

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Egret div高度随浏览器自适应

在index.html里,先给<div>加一个id,这里设置id为divMain<body> <div id="divMain" style="margin: auto;width: 100%;height: 450%;" class="egret-player" ></div> <script> //浏览器窗口发生变化时同时变化DIV高度 window.onresize = autodivheight; autod
复制链接

扫一扫