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

iframe包含您网站的单独内容。您无法将css传递给iframe ，因此无法定位您从此处加载的图片。

您可以在页面加载的页面上设置图像样式。如果您只使用图像创建第二个html页面并将css应用于它，那么它将加载它。

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

在iframe中加载的图片页面 http://jsfiddle.net/NsJyR/

你仍然遇到身高问题。

我不确定您为什么要使用iframe加载图片，但如果将其更改为img标记，则可以应用最大宽度。

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

使iframe默认图片的大小与空白iframe相同

1 个答案: