iframe图像默认缩小问题

时间:2013-01-28 07:40:51

标签: javascript html iframe

我正在通过iframe加载图片并删除了缩放和自动滚动的默认样式。现在,当图像尺寸为1024 * 768(从窗口的样本图片中拾取图像)时,我在IE和Chrome中显示图像时遇到问题,并且它适用于较小尺寸的图片200 * 100。问题只是图像的一部分出现了。我想这是铬的缩放问题,即。请帮我解决这个问题。

我为IFrame所做的代码是

<div class="dataGroup inline-inputs" >  
<label for="_erCurrentLogo">Current Logo:</label>
<iframe id="imgLogo"  frameborder="0" width="100%" height="100%" scrolling="no"></iframe>
<a id="deleteEmployerLogo" href="javascript:void(0)" onClick="deleteLogo();return false">delete</a> 
</div>

Pic issue comping up in Chrome and IE Pic issue comping up in Chrome and IE

1 个答案:

答案 0 :(得分:1)

这是我对你的问题的建议;

我猜您已为iframe设置了widthheight。 (以下是我使用的示例代码)

#imgLogo  
{   
    width:200px;  
    height:100px;  
}  

height引用页面中的图片使用相同的widthiframe

img  
{   
    width:200px;  
    height:100px;  
} 

您唯一需要做的就是将imageiframe 高度和宽度设为相同。

sample