我正在通过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>
答案 0 :(得分:1)
这是我对你的问题的建议;
我猜您已为iframe设置了width
和height
。 (以下是我使用的示例代码)
#imgLogo
{
width:200px;
height:100px;
}
对height
引用页面中的图片使用相同的width
和iframe
。
img
{
width:200px;
height:100px;
}
您唯一需要做的就是将image
和iframe
高度和宽度设为相同。