我有一个 img 我不知道图像的宽度和高度。所以我必须将此图像放入静态宽度和高度区域，在搜索解决方案后我得到了 max- width 属性管理这类问题。
我为我的 img 标签使用了 max-width 属性。效果很好。但我很困惑，浏览器如何根据这个单一属性进行计算，即使它没有将这个宽度设置为图像宽度。
如果我知道宽度，我就知道如何计算图像的高度。
示例
original width = 100px;
original height=200px;
default width = 50px;
default height = original height/original width*default width;
default height = 200/100*50 = 100px;
结果
default width = 50px; //default static width i set
default height = 100px; //dynamic based on default width and aspect ratio
我的问题 要找到高度，它应该具有静态宽度，但是浏览器(我使用的是 mozilla)，如果它的 max-width 属性是如何计算宽度和高度的。那么它是否像我那样计算？
请帮我找到这个..
<img src="http://ad009cdnb.archdaily.net/wp-content/uploads/2009/11/1258661197-009-f0-reception.jpg" style="max-width:200px"/> 最佳答案
我仍然不完全确定您要寻找的最终结果，但我对此进行了处理，它报告了原始大小以及仅调整宽度后修改后的大小。
<html>
<body>
<img id="image1">
<hr>
<div id="result"></div>
<script type="text/javascript">
function getImgSize(img,imgelem) {
result = document.getElementById("result");
width = img.width;
height = img.height;
document.getElementById(imgelem).width = (width*2);
newwidth = document.getElementById(imgelem).width;
newheight = document.getElementById(imgelem).height;
result.innerHTML = "<br>original width: "+width+"<br>original height: "+height;
result.innerHTML += "<br>new width: "+newwidth+"<br>new height: "+newheight;
}
img1 = new Image();
img1.src="images/example_image.gif";
document.getElementById("image1").src = img1.src;
img1.onload = function() {getImgSize(img1,"image1");};
</script>
</body>
</html>关于html - 如果图像的最大宽度属性设置为某个值，则获取图像的宽度和高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26988364/