Css 如果图像的尺寸是百分比，如何保持图像的纵横比？

我的图像的纵横比为16:9。我希望每个图像的宽度为整个浏览器窗口的33%，以便每行可以堆叠3个图像：

[ ] [ ] [ ]
[ ] [ ] [ ]
[ ]

---

当我在CSS中指定宽度为33%时，高度不会改变以保持16:9的纵横比。显然，CSS不同于HTML。在HTML中，只需要指定一个维度

只需添加高度：自动。。因此：

img {
     width: 33%;
     height: auto;
}

---

然后高度会根据宽度自动调整。

只需添加高度：自动。。因此：

img {
     width: 33%;
     height: auto;
}

然后，高度会根据宽度自行调整