html - 行中的两个 iframe 高度相同

Question

我有两列带有 iframe 的代码:

<div class="container">
        <div class="jumbotron" style="background-color:rgba(0,0,0, 0.3);">
            <div class="row row-eq-height">
                <div class="col-md-9" style="padding-right:20px; border-right: 3px solid #ccc;">
                    <div class="embed-responsive embed-responsive-16by9" style="border:2px solid #2c3e50;">
                        <iframe class="embed-responsive-item" src="xxxx"></iframe>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="embed-responsive embed-responsive-16by9" style="border:2px solid #2c3e50;">
                        <iframe class="embed-responsive-item" src="xxxxxx"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>

问题是右侧的 iframe 非常小，我希望第二个 iframe 的高度与第一个 iframe 相同。

如何将第二个 iframe 的高度设置为与第一个 iframe 的高度相同？

Answer 1

为什么不设置右边iframe的高度呢？例如，style="height:200px"