时间戳

首页 > 解决方案 > unity webgl 填充浏览器，但保留纵横比

html - unity webgl 填充浏览器，但保留纵横比

问题描述

我想更改统一播放器容器的大小，使其填充浏览器窗口，但同时保持纵横比。

在具有 16:9 纵横比的统一检查器中并在游戏视图中拖动工作正常。一旦我构建它并将 div 大小设置为 1920 x 1080px，一切正常。但是，一旦我将 index.html 中的 div 样式更改为：

<div id="unityContainer" style = "position: absolute; right:50%; top:50%; transform:translate(50%,-50%); max-height:100%;min-height:100%;;</div>

绝对不会保留该比率。（我在某处读到，如果您不指定其他维度，它应该自动保留该比率）这是有问题的网页umgebung.digital。（“浏览”文本的线应该接触垂直线）我在javascript中找到了可能的解决方案，但是我在想也许有一种更简单的方法可以做到这一点。

感谢您提出任何可能的想法！

标签： htmlcssunity3dwebgl

解决方案

我通过使用解决了它：

<div id="unityContainer" style = " ..... height:100%; aspect-ratio:16/9;"></div>

但据说这在 safari 浏览器中不起作用。

推荐阅读