搜索了很多，但没有找到我正在寻找的确切内容。 我想用容器的宽度动态调整iframe的大小。
HTML：
<div class="row hidden" id="audio">
<div class="twelvecol last">
<iframe id="deezer" scrolling="no" frameborder="0" allowTransparency="true" src="http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=710&height=308&scover=true&type=album&id=42808&title=" width="710" height="308"></iframe>
</div>
</div>
对于jQuery，我尝试将div＃content的宽度和高度注入iframe的src属性的参数中：
<script>
$(document).ready(function(){
var contentwidth = $('#content').width();
var contentheight = $('#content').height();
var iframeUrl = 'http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=' + contentwidth + '&height=' + contentheight + '&scover=true&type=album&id=42808&title=';
$('#deezer').attr('src', iframeUrl).attr('width', contentwidth).attr('height', contentheight);
});
</script>
谢谢你的帮助！