Css 获取元素的宽度并使用它设置其高度

我使用的是Bootstrap的网格系统，我将

宽度设置为90%

问题是如何根据需要设置

的高度？ 例如，我想要16:9的尺码。但是我不知道怎样才能得到宽度的值

代码可能如下所示：

iframe
 width: 90%
 height: $(width)*9/16

使用JQuery：

$('.iframe').height($('.iframe').width()*(9/16));

---

确保你有一个js文件，尽管老兄，那个家伙比我抢先一步，但他是对的，你可以用JQuery来做

$(document).ready(function() { 
    $('iframe').height(function() { 
        return $(this).width()*(9/16);
    });
});

---

这可以通过纯CSS实现，它被称为。这需要做数学题，但有了SASS和指南针，你只需说出你想要的，就能得到结果D

您需要一个包装器：

<div class=iframe-container>
  <iframe></iframe>
</div>

演示：

---

正如您所见，使用了很棒的Compass扩展。

我认为您可能需要使用javascript来实现这一点是的，我认为可以使用js来实现。但我觉得这类事情应该用css来完成，因为它的宽度和高度……如果你能说明为什么它是这样工作的话，对未来的用户会很有帮助。

toolkit

来自哪里？我有：1。给出了一个非常详细的解释内在比率概念的链接，2。提供了一个指向工具箱主页的链接，并提供了关于内在比率mixin的文档，3。注意，该工具包是一个Compass扩展，4。创建了SassBin，并使用它来共享一个演示，其中显示CSS代码。关于这个问题，真的有什么我的回答没有涉及的吗？

@import toolkit

.iframe-container
  +intrinsic-ratio(16/9, 90%)