Javascript h-100和验证内容不正确'；t在safari上工作（苗条）

我在svelte上有一个项目，我在template.html中导入引导

在所有的浏览器中都可以工作，但在safari中就好像错过了

h-100

和

justify content

类

<div class="card bg-white h-100">
    <div class="card-header">{title}</div>
    <div class="card-body d-flex align-items-center justify-content-center"  id={`card-body-widget-${id}`} >
        <svelte:component this={typeMap[type]} id={id} bind:data={data} config={configuration} />    
    </div>
</div>

{title}

---

我试图在chrome上实现与safari相同的结果，这是通过消除h-100和justify内容类实现的。一些建议？

h-100类只是设置了一个相对大小：

高度：100%！重要的

并且这种行为在所有浏览器上都很有效