如何修复div的宽度和高度，并将div内容调整为div的宽度和高度？

Question

我有一个带有ID的div。我正在改变使用jquery div div。

该html可能有大宽度和高度的iframe。我想拥有固定宽度和高度的div。并且iframe的内容应该调整为div的宽度和高度。

帮助。

这是我到目前为止的尝试，但它不工作。

<div id="myDiv"></div> 

<script> 
var html = // get it from somewhere e.g. <iframe width=300px height=500px ></iframe> 

jQuery("#myDiv").attr("max-width","200px"); 
jQuery("#myDiv").attr("max-height","300px"); 

jQuery("#myDiv").html(html); 

Answer 1

的IFRAME的含量通常不知道的它的“母”的容器中，因而它的大小的内容是不能保证。如果你想要调整你的iframe的内容...这只能通过JavaScript来完成，如果它在同一个域中。或者，如果它是一个不同的域名，url将需要参数/逻辑，并根据这些参数通过javascript调整内容大小。

Answer 2

您需要使用“css”功能。不是attr或prop函数。因为你试图添加的max- *属性是css prop。

jQuery("#myDiv").css("max-width","200px"); 
jQuery("#myDiv").css("max-height","300px");