行中的两个 iframe 高度相同答案

【问题标题】：Two iframes in row same height行中的两个 iframe 高度相同
【发布时间】：2016-05-31 20:52:22
【问题描述】：

我有两个带有 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 的高度相同？

【问题讨论】：

标签： html css twitter-bootstrap iframe

【解决方案1】：

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

【讨论】：

我应该设置什么宽度才能使 iframe 在列中尽可能大？
你是指宽度还是高度？你能解释一下吗？
现在我在两列中将 div 和 iframe 的高度设置为 420px（为 div 设置高度（响应式 16by9 和 iframe），但第一列大 5px。
不看代码不好说。你能创建一个代码sn-p吗？