使Iframe默認圖片的大小與空白iframe相同

Question

我不確定這是否可能，但我的iframe設置爲相對。我的問題是如何設置默認圖像來自動調整大小的iframe的大小？該代碼...

<iframe name="iframe1"src="../Pictures/coolcenturylink.jpg" height="%"width="%"/></iframe> 


iframe 
{ 
position:relative; 
float:right; 
height:80%; 
width:84.5%; 
top:%; 
background-color:; 
} 

編輯下面點......

<img src="coolcenturylink.jpg"/> 

.coolcenturylink.jpg 
{ 
    max-width: 100%; 
} 

<iframe name="iframe1"src="../Pictures/coolcenturylink.html"></iframe> 

Answer 1

I幀包含從您的網站單獨的內容。您無法將css傳遞到iframes，因此無法定位您從此加載的圖像。

您可以在加載頁面的頁面上設置圖像的樣式。如果你只用圖像創建第二個html頁面並將css應用到它，那麼它將加載它。

工作實例 http://jsfiddle.net/KArXd/

圖片頁面加載在iframe： http://jsfiddle.net/NsJyR/

您仍然遇到與高度的問題。

我不確定爲什麼要使用iframe加載圖像，但是如果將其更改爲img標記，則可以應用最大寬度。

.your-image { 
    max-width: 100%; 
}