javascript - iframe 图片默认缩小问题

Question

我正在通过 iframe 加载图像，并删除了缩放和自动滚动的默认样式。现在，当图像尺寸为 1024*768 时（从 windows 的示例图片中提取图像时），我在 IE 和 Chrome 中显示图像时遇到问题，并且它适用于较小尺寸的图片 200*100。问题是只显示了部分图像。我猜这是chrome和ie的缩放问题。请帮助我解决这个问题。

我为 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>

Answer 1

这是我对您的问题的建议；

我猜你已经为 iframe 设置了width和height。（以下是我使用的示例代码）

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

在您引用的页面 中使用相同的height和图像。widthiframe

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

您唯一需要做的就是使高度image和iframe 宽度相同。