使图像变小并保留比例？
使图像变小并保留比例？
提问于 2010-11-20 20:58:59
我有一个表列，其中显示了这个图像：
<table width="200px" height="300px" align="center">
<tr>
<td><img src="...."></td>
</tr>
</table>图像源是动态的，因此图像的大小并不总是相同的。
这意味着我必须(在大多数情况下)调整图像的大小以使其变得更小。
我如何才能在保持比例的同时，以最简单的方式做到这一点？
谢谢
回答 4
Stack Overflow用户
回答已采纳
发布于 2010-11-20 21:00:46
只需设置width即可。
<img src="..." style="width: 200px">如果仅指定一个尺寸，则将自动保留比例。
Stack Overflow用户
发布于 2010-11-20 21:02:09
如果在preserved元素的样式中指定width或height，但不能同时指定两者，则Aspect ratio应为preserved：
如果指定的大小只是一定的宽度或一定的高度，则CSS视图框必须具有相同的宽度或高度。另一个维度的计算方法如下：
- 如果对象具有固有的纵横比，则CSS视图框必须具有相同的纵横比。
Stack Overflow用户
发布于 2010-11-20 21:04:55
将id="imageID“放在img选项卡上，并调用以下javascript：
var elem = document.getElementById('imageID');
if (elem == undefined || elem == null) return false;
if (max == undefined) max = 100;
if (elem.width > elem.height) {
if (elem.width > max) elem.width = max;
} else {
if (elem.height > max) elem.height = max;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4232824
复制相关文章
相似问题
腾讯云开发者
