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

Question

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

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");