行中两个iframe的高度相同

Question

我有两个iframes列的代码：

<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的高度相同？

Answer 1

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