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

时间:2019-10-14 17:29:13

标签: html css unity3d unity-webgl

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

select     (count(recommendations.RecommendationId) / count(reservations.UserName) )
from  recommendations , reservations;  

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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