css - 如何使用CSS在谷歌浏览器中将图像设置为特定宽度的高度100％？

Question

我写了这个 css（如下），并且在 firefox 中正常工作，但是当我使用 Chrome 时，问题发生了，chrome 假设“高度：100%”是真实图像的 100%。我希望它 100% 从我设置的宽度开始。

.prof-img{ width:150px; height:100%; }

Answer 1

“100% 高度”是从父元素继承的，因此您需要在树的上方一直声明它。

body, html {
   height:100%
}

.prof-img {
   width:150px;
   height:100%;
}

Answer 2

我使用它并且适用于两个浏览器

.prof-img {
   width:150px;
   min-height:0;
}

固定的 ;）