Question

我正在使用Bootstrap的网格系统，我将<iframe>宽度设置为90％。

问题是如何设置<iframe>的高度？例如，我想要16：9的尺寸。但我不知道如何获得宽度的值

代码可能如下所示：

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

Answer 1

男人，那家伙打败了我，但他说得对，你可以用JQuery做到这一点

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

Answer 2

使用JQuery：

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

确保你有一个js文件，但

Answer 3

这可以用纯CSS完成，它叫做intrinsic ratios。它需要做数学，但是使用SASS和Compass你可以说出你想要的并获得结果！：d

你需要一个包装器：

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

SASS +指南针：

@import toolkit

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

如您所见，使用了令人敬畏的Toolkit指南针扩展程序。