Javascript Iframe图像默认缩小问题
我正在通过iframe加载图像,并删除了缩放和自动滚动的默认样式。现在我面临的问题是,当图像尺寸为1024*768(从windows的示例图片中选取图像时),在IE和Chrome中显示图像,并且对于较小尺寸的图片200*100,它工作正常。问题在于图像中只显示了一部分。我想这是chrome和ie的缩放问题。请帮我解决这个问题 我为IFrame所做的代码是Javascript Iframe图像默认缩小问题,javascript,html,iframe,Javascript,Html,Iframe,我正在通过iframe加载图像,并删除了缩放和自动滚动的默认样式。现在我面临的问题是,当图像尺寸为1024*768(从windows的示例图片中选取图像时),在IE和Chrome中显示图像,并且对于较小尺寸的图片200*100,它工作正常。问题在于图像中只显示了一部分。我想这是chrome和ie的缩放问题。请帮我解决这个问题 我为IFrame所做的代码是 <div class="dataGroup inline-inputs" > <label for="_erCurren
<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设置了
宽度
和高度
。(下面是我使用的示例代码)
对iframe
参考页面中的图像使用相同的高度和宽度
img
{
width:200px;
height:100px;
}
唯一需要做的是将图像
和iframe
高度和宽度设置为相同
您需要显示整个图片,而不是显示部分。我说的对吗?对。我需要显示整个图片。您的网页(iframe)是否包含图片以外的内容?是的,除了显示图像外,它还包含文件上载器元素。您的外部页面仅包含图像标记和文件上载器,因此您只希望显示图像。是这样吗?如果这对你没有帮助,请用更多细节更新你的帖子(使用css,iframe引用页面[html,css]),谢谢@New。但问题是我以前不知道上传文件的大小。所以我不能硬编码宽度和高度的iframe和图像相同。正如你说的,它是工作的较小尺寸的图片,但打破了较大尺寸的图片。对于尺寸1024*768,仅显示部分图像。请从Windows默认图片文件夹中选择任何图片。我使用的图像与您从Windows图片文件夹中使用的图像相同。实际上,我在此处上载的图像尺寸较小。从您的windows图片文件夹中选择维度更高的任何图片。
img
{
width:200px;
height:100px;
}