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