HTML/IE : stretch image to fit, 保留纵横比

Question

在 HTML 窗口中，我正在设置自定义正文

<img src="file://[filename]">

显示图像。

现在我想拉伸(stretch)图像以适应可用窗口，但要保持宽高比。

<img src="file://[filename]" width="100%" height="100">

拉伸(stretch)但也扭曲图像。

是否有一些 HTML 技巧可以做到这一点？仅 IE 的解决方案很好，因为这是在托管浏览器控件中。

Answer 1

如果你想保持宽高比，你只需要指定一个维度即:

<img src="file://[filename]" width="100%" alt="" />

您可以使用 javascript 来确定最大尺寸并相应地调整大小

<script type="text/javascript">
function getImgSize(id){
var pic = document.getElementById(id);
var h = pic.offsetHeight;
var w = pic.offsetWidth;
alert ('The image size is '+w+'*'+h);
}
</script>