为什么模型查看器不适用于 safari？

Question

我想在我的网站上放一些 3D 模型，但到目前为止它似乎只适用于 Android 和 Windows，不知道为什么。我尝试对文件使用不同的格式，但仍然没有。即使我访问文档所在的网站，here，也没有任何显示，所以我想也许 safari 不支持3D 模型了？

这是我的一小段代码，因为我可能写错了。

<div class="container-fluid ml-auto mr-auto" style="margin-bottom: 60px; margin-top: 30px;">
  <div class="row" align="center">
    <div class="col">
        <model-viewer disable-zoom poster="3d_assets/untitled.png"src=" 3d_assets/place_holder.gltf" ios-src="3d_assets/place_holder.usdz" alt="A 3d thing" auto-rotate camera-controls></model-viewer>
    </div>
    <div class="col align-self-center">
      <p class="model-text">
        text text
        text text
      </p>
      <p class="model-sm-text">
         smaller
         smaller
      </p>
    </div>
  </div>

和 CSS:

model-viewer{
    width: 600px;
    height: 600px;
    margin: 0 auto;
}

.model-text{
    letter-spacing: 2px;
    font-size:30px;
    font-weight: 500;
}

.model-sm-text{
    font-size:20px;
    font-weight: 400;
}

Answer 1

在 src 部分你把这个：

src=" 3d_assets/place_holder.gltf"

您在“3d”之前放置了一个 space，这意味着该文件将在开头有一个 space，并且不会被找到。
所以正确的结果是这样的：

src="3d_assets/place_holder.gltf"

（没有 space）

为什么模型查看器不适用于 safari？

Why is model-viewer not working on safari?

html

css

3d

ios

model-viewer