Html 铬不'；t比例缩放图像，使其低于第一次渲染的大小

我正在尝试将图像缩放到其父对象的高度，该高度与其父对象的高度有一定的百分比。这与预期一样有效，但在Chrome中，一旦高度降低到低于首次渲染时的大小，图像将不会按比例缩放其宽度。有没有办法解决这个问题

<div>
    <img src="http://placehold.it/100x100" alt="">
</div>

---

删除

width

属性可修复以下问题：

img {
    height: 100%;
}

我不知道为什么会发生这种情况，但我猜测，当图像缩小时，使宽度始终处于自动状态将退回到原始宽度（我尝试过的大多数情况下都不会发生这种情况，但某种组合可能会触发这种情况）。我不确定这是否是出于设计，但我会继续努力，并尝试在某个地方报告这一点

---

删除

width

属性可修复以下问题：

img {
    height: 100%;
}

我不知道为什么会发生这种情况，但我猜测，当图像缩小时，使宽度始终处于自动状态将退回到原始宽度（我尝试过的大多数情况下都不会发生这种情况，但某种组合可能会触发这种情况）。我不确定这是否是出于设计，但我会继续努力，并尝试在某个地方报告这一点

---

尝试使用display:block；要使Chrome将图像缩放到渲染大小以下，请执行以下操作：

    display: block; 
min-height: 100%; 
height: 100%; 
width: auto;

---

尝试使用display:block；要使Chrome将图像缩放到渲染大小以下，请执行以下操作：

    display: block; 
min-height: 100%; 
height: 100%; 
width: auto;

---

你的小提琴不能解决我的问题。我在Chrome 27上，显然这是一个bug-我在Chrome 29（开发）上，小提琴为我工作，所以很明显他们修复了它。我正在做的项目在29发布前到期，所以有临时修复的想法吗？对不起，我找不到）：你的小提琴没有为我修复问题。我在Chrome 27上，显然这是一个bug-我在Chrome 29（开发版）上，小提琴为我工作，所以很明显他们已经修复了它。我正在处理的项目在29发布前到期，所以有没有临时修复的想法？对不起，我找不到）：