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