流体图像宽度,匹配高度

Question

我正在尝试(如果可能的话)使用css使图像100%的流体div的宽度,但因为图像是方形(如果不是正方形将扭曲)我希望能够匹配高度到宽度...我使用的流体宽度:

.img{
  max-width: 100%;
  width: 100%;
  min-width: 400px;
}

这适用于在所有主流浏览器上设置宽度,但我不知道如何匹配高度与宽度:/

Answer 1

试着height:auto投入你的班级.

.img{
  max-width: 100%;
  width: 100%;
  min-width: 400px;
  height: auto; // <-- add me
}

正如评论中所提到的,大多数浏览器应该正确调整和缩放图像.但很高兴这可能有所帮助.