Bootstrap 5 h-100 适用于 Chrome，但不适用于 Safari 的图像组

Question

请参考问题：Bootstrap 5 Padding throwing off Aspect Ratio For Group of Images

应用

h-100

的解决方案非常适合 Chrome。但是，当我在 Safari 中查看解决方案时，图像不会保持其纵横比，而是会拉伸到图像大小的 2 倍，同时保持相同的宽度。知道是什么原因造成的以及如何解决这个问题吗？

Answer 1

当

ratio

类在 Chrome 中似乎没有执行任何操作时，我删除了它。显然，对于 Safari 来说，保持适当的宽高比是非常有必要的。在图像上的类中同时使用

ratio h-100

解决了问题。

Answer 2

添加'ratio'类也解决了我的问题！