iframe 图片默认缩小问题答案

【问题标题】：Iframe Image default zoom out issueiframe 图片默认缩小问题
【发布时间】：2013-01-29 13:37:50
【问题描述】：

我正在通过 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>

【问题讨论】：

你需要显示整个图片而不是显示一部分。我说的对吗？
对。我需要展示整张图片。
您的网页（iframe）是否包含图片以外的其他内容？
是的，它除了显示图像之外还包含文件上传器元素。
您的外部页面页面仅包含图像标签和文件上传器，并且您只想显示图像。是这样吗？

标签： javascript html iframe

【解决方案1】：

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

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

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

对iframe 引用页面中的图像使用相同的height 和width。

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

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

【讨论】：

如果这对您没有帮助，请更新您的帖子并提供更多详细信息（使用 css，iframe 引用页面[html，css]）
谢谢@New。但问题是我以前不知道上传文件的大小。所以我不能将 iframe 和图像的宽度和高度硬编码为相同。
根据您的说法，它适用于较小尺寸的图片，但适用于较大尺寸的图片。对于尺寸 1024*768，仅显示部分图像。请从 Windows 默认图片文件夹中选择任意图片。
我使用了您在 windows 图片文件夹中使用的相同图像。
其实我上传的图片尺寸比较小。从您的 windows 图片文件夹中选择任何尺寸更高的图片。