Unity 发布webgl 网页实现自适应效果
·
一、打开Unity发布出来的WebGL内容,找到Index.html,如下图所示:

二、使用记事本打开该文件,原内容如下:

三、修改该HTML后如下红框所示内容:

红框的内容为:①在Head里添加如下内容
<script>
function Reset()
{
var canvas = document.getElementById("#canvas"); //获取#canvas
canvas.height= document.documentElement.clientHeight; //获取body可见区域高度
canvas.width = document.documentElement.clientWidth; //获取body可见区域高度
}
</script>
②修改的Body内容如下
<body onresize="Reset()" ,scroll= no, style="overflow:hidden">
<div id="gameContainer" style="width: 100%; height: 100%;margin:auto" ></div>
</body>
注意:参考内容:Unity 发布webgl 网页自适应
更多推荐

所有评论(0)