图像最大宽度：100正确的高度是多少？

Question

我知道这听起来很明显，但我尝试了很多不同的选项，我现在完全糊涂了。我希望我的img最大宽度为其容器的100％，从而按比例调整高度。

所以我正在使用

.container {
  width:400px; //or something else
  overflow-x:hidden;
}
.container img {
  max-width:100%;
  height:auto;
}

但这会使我的imgs高度不成比例正确。我做错了什么？

Answer 1

为img选择器添加100％宽度：

.container{
width:400px; //or something else
overflow-x:hidden;
}
.container img{
max-width:100%;
width: 100%;
height:auto;
}

您也不需要设置高度属性值，因为它的初始值为auto