Html Unity WebGL build，如何为移动浏览器设置画布大小？

我有一部android智能手机，全高清屏幕（1920*1080）。我正在构建一个默认画布设置为1280*720的游戏。在我的html模板中，我设置了画布大小：

<div id="gameContainer" style="width: 1280px; height: 720px; margin: auto"></div>

但当我在智能手机上以横向方向运行游戏时，它无法适应屏幕，太大了！为什么？ 它应该比1080p浏览器屏幕小。此外，在纵向模式下，一切都很好，游戏的窗口被适当缩放以适应屏幕

我尝试使用元视口标记。有了它，我设法使画布适合屏幕，但它破坏了其他一切

---

Unity版本为2018.2.7。移动浏览器是适用于Android的Chrome浏览器。

您可以编辑gameContainer div以填充选项卡，因此无论分辨率如何，它都是完整的，即使分辨率发生变化：

<div id="gameContainer" style="padding: 0px; position: absolute; height:100vh; width:100vw;"></div>

---

您可以编辑您的gameContainer div以填充选项卡，因此无论分辨率如何，它都是完整的，即使分辨率发生变化：

<div id="gameContainer" style="padding: 0px; position: absolute; height:100vh; width:100vw;"></div>

谢谢。现在，我的gameContainer和#canvas元素以某种方式缩放到横向移动屏幕大小。我可以在lanscape中玩。但是当我以纵向方向运行游戏时，它并没有填满。在横向模式下，它试图适应屏幕宽度，但在纵向屏幕高度，因此，只有中心是可见的。谢谢。现在，我的gameContainer和#canvas元素以某种方式缩放到横向移动屏幕大小。我可以在lanscape中玩。但是当我以纵向方向运行游戏时，它并没有填满。在横向模式下，它试图适应屏幕宽度，但在纵向屏幕高度，因此，只有中心是可见的。