ios - iphone 和 ipad 问题 - 引导卡底部的空白

Question

我使用引导卡。它们在浏览器和 android 设备中看起来不错，但在 ipad 和 iphone 中它们有问题。卡片的高度增加，卡片底部出现空白。您可以检查 2 个屏幕截图以查看问题。 iphone截图

安卓截图

<div class="row" id="cardview">
<div class="col-md-6 col-sm-12 col-xxl-4">
    <div class="card card-custom gutter-b card-stretch">
        <div class="card-body">
            ...
        </div>
    </div>
</div>

.card.card-custom.card-stretch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;

}

标签： iosiphoneipadbootstrap-4whitespace