unity 打包好WebGL后,用文本编辑器编辑打包生成的 index.html 文件
在生成的html里面修改代码
<script type="text/javascript"> function Reset() { var canvas = document.getElementById("#canvas"); canvas.height= document.documentElement.clientHeight; canvas.width = document.documentElement.clientWidth; console.log(canvas.width ); } </script> </head> <body οnlοad="Reset()" οnresize="Reset()"> <div class="webgl-content"style="width: 100%; height: 100%" > <div id="gameContainer" style="width: 100%; height: 100%"></div> </div> </body> </html> 来实现网页版随浏览器自适应
<!DOCTYPE html> <html lang="en-us"><head><meta charset="utf-8"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Unity WebGL Player | Avater</title><script src="Build/UnityLoader.js"></script><script>var gameInstance = UnityLoader.instantiate("gameContainer", "Build/AI_Web.json");</script><script type="text/javascript">function Reset() {var canvas = document.getElementById("#canvas"); canvas.height= document.documentElement.clientHeight;canvas.width = document.documentElement.clientWidth; console.log(canvas.width );} </script></head><body onload="Reset()" onresize="Reset()"><div class="webgl-content"style="width: 100%; height: 100%" ><div id="gameContainer" style="width: 100%; height: 100%"></div></div></body> </html>