无法在Squarespace网站中调整模型查看器的大小

编程问答 2022-06-10

问题描述

我目前正在尝试在Squarespace site上使用model-viewer库添加一些自定义的增强现实代码。除了查看端口的大小，其他所有东西都运行良好。无论我做什么，我都无法使渲染看起来更大。它固定为小尺寸。我可以将高度和宽度硬编码为某个像素值，但是我宁愿让CSS库根据其所在容器的大小进行尺寸调整。

enter image description here

如何让模型查看器响应地调整其大小，使其适合div的大小？

这是我注入的自定义代码：

<center>
  <div>
    <model-viewer alt="Astronaut model" camera-controls camera-orbit="calc(-1.5rad + env(window-scroll-y) * 4rad) calc(0deg + env(window-scroll-y) * 180deg) calc(3m - env(window-scroll-y) * 1.5m)" src="https://cdn.glitch.com/36cb8393-65c6-408d-a538-055ada20431b/Astronaut.glb?1542147958948" ios-src="https://cdn.glitch.com/36cb8393-65c6-408d-a538-055ada20431b/Astronaut.usdz?v=1569545377878" ar>
</div>

</center>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmljavascriptmodel-viewersquarespace