h-100无法在Safari（iOS）上运行以匹配其他列的高度

Question

我的页面彼此之间有2个块/列，并且它们的高度应该相同。现在通常我会应用h-100并能在Windows和Android浏览器的Chrome浏览器上运行，但是当我在Safari或iOS的Chrome浏览器中进行测试时，它的高度根本不匹配。 （请参见屏幕截图）。我正在使用Bootstrap 4.3 https://gyazo.com/002993a838b6e3b09477c629e99f2510

查看代码

    <div class="row">
        <div class="col-12 col-lg-6">
            <div class="content-block">
                <h2>Sample Heading</h2>
                Lorem content
            </div>
        </div>

        <div class="col-12 col-lg-6">
            <div class="content-block h-100">
                <h2>Sample Heading 2</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae cumque dicta eaque enim eos expedita omnis quas, quia soluta unde, voluptatem! Eum ipsam mollitia optio rem repellat, voluptates!</p>
            </div>
        </div>
    </div>

我错过了什么吗？或者这是一个常见问题？我一直在尝试找到解决方案，但似乎没有一个可行，我认为bootstrap 4.x已经具有与列相等的自动高度。