使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%; 
}