如何固定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");