Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Iframe图像默认缩小问题_Javascript_Html_Iframe - Fatal编程技术网

Javascript 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

我正在通过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设置了
宽度
高度
。(下面是我使用的示例代码)

iframe
参考页面中的图像使用相同的
高度和
宽度

img  
{   
    width:200px;  
    height:100px;  
} 
唯一需要做的是将
图像
iframe
高度和宽度设置为相同


您需要显示整个图片,而不是显示部分。我说的对吗?对。我需要显示整个图片。您的网页(iframe)是否包含图片以外的内容?是的,除了显示图像外,它还包含文件上载器元素。您的外部页面仅包含图像标记和文件上载器,因此您只希望显示图像。是这样吗?如果这对你没有帮助,请用更多细节更新你的帖子(使用css,iframe引用页面[html,css]),谢谢@New。但问题是我以前不知道上传文件的大小。所以我不能硬编码宽度和高度的iframe和图像相同。正如你说的,它是工作的较小尺寸的图片,但打破了较大尺寸的图片。对于尺寸1024*768,仅显示部分图像。请从Windows默认图片文件夹中选择任何图片。我使用的图像与您从Windows图片文件夹中使用的图像相同。实际上,我在此处上载的图像尺寸较小。从您的windows图片文件夹中选择维度更高的任何图片。
img  
{   
    width:200px;  
    height:100px;  
}