html - Unity WebGL构建,如何为移动浏览器设置 Canvas 大小?

标签 html css unity-game-engine unity-webgl

我有一部配备全高清屏幕 (1920*1080) 的安卓智能手机。我正在使用默认 Canvas 设置构建游戏:1280 * 720。在我的 html 模板中,我设置了 Canvas 大小:

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

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

我试过使用元视口(viewport)标签。有了它,我设法使 Canvas 适合屏幕,但它破坏了其他一切。

Unity 版本为 2018.2.7。移动浏览器是 Chrome for Android。

最佳答案

您可以编辑您的 gameContainer div 来填充选项卡,因此它在任何分辨率下都是完整的,即使分辨率发生变化也是如此:

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

关于html - Unity WebGL构建,如何为移动浏览器设置 Canvas 大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58381516/

相关文章:

ios - 在后处理中启用 Unity3D xCode 项目的功能

javascript - 在 HTML 中将 ID 设置为增量变量

javascript - HTML/CSS 中的可点击边框单元格

javascript - HTML 标签在文本区域内无法正确显示

css - 防止在父 Div 上触发 Div 的悬停事件?

c# - Unity - 从资源文件夹中读取文本文件

上传图片时,jquery.form.js 在 IE 中不起作用

javascript - chrome 不缓存 js 和 css 但缓存图像

css - 如何在 CSS 中实现这种按钮?

ios - Unity Facebook 插件在登录后终止应用程序(iOS)