Unity WebGL构建,如何为移动浏览器设置画布大小?

问题描述 投票:0回答:1

我有一个具有FullHD屏幕(1920 * 1080)的android智能手机。我正在使用默认画布设置(1280 * 720)构建游戏。在我的html模板中,我设置了画布大小:

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

但是当我在智能手机上以横向方式运行游戏时,它无法适应屏幕,它太大了!为什么?它应该比1080p浏览器屏幕小。同样,在纵向模式下,一切都很好,并且游戏窗口的缩放比例适当以适合屏幕。

我尝试使用元视口标记。有了它,我设法使画布适合屏幕,但它破坏了其他所有内容。

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

html css unity3d unity-webgl
1个回答
0
投票

您可以编辑gameContainer div来填充选项卡,因此无论分辨率如何,它都已满:]

<div id="gameContainer" style="padding: 0px; position: absolute; height:100vh; width:100vw;"></div>
© www.soinside.com 2019 - 2024. All rights reserved.