css - 强制 css 以比例纵横比显示图像

Question

imax 是一个 div 元素。

#imax {
width:222px;
height:222px;
}
#imax img {
width:222px;
height:auto;
}

如果我尝试在宽度或高度上自动设置任何一种方式，则具有不同方向的图像将导致任一比例的扭曲。如何修复以比例纵横比显示？

Answer 1

省略高度:

#imax img {
  width:222px;
}

浏览器将负责宽高比的计算。