如何修復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");