Html 如何使用非背景图像创建5x4的纵横比？

所以我一直在做一些关于纵横比的研究，但我不是很了解它

我需要一个长宽比为

5x4

，我知道有一个名为

objectfit

的css道具

所以我把它应用到我的图像组件上

.image {
  object-fit: cover;
  height: 200px;
  width: 100%
}

这在屏幕分辨率上效果很好

---

但我的问题是,；我如何实现5x4比率？比如，我需要为我的组件设置的

高度是多少？
如果你不理解我的问题，你需要将图像放在一个div中，并将该div 5x4和拉伸的图像放在一个可能的副本中：/Hi@temaniaf。我的问题是,；我怎么知道什么是5x4？比如，我需要达到的高度是多少。这意味着宽度有5个单位，高度只有4个单位，所以1unit=height/4和1unit=width/5--->height=（4/5）*width，因为你不能根据宽度来表达高度，所以你有我链接的问题中解释的填充技巧。（例如填充顶部：80%）