Html 使用CSS网格时，图像高度在Safari上无法正常工作

您好，我在尝试将图像“装入”css网格容器时遇到了一些问题（问题只发生在使用Safari、Firefox和Chrome时）。问题是，使用Safari时的img高度占用了所有可用空间，这使图像看起来变形（下面是我拍摄的屏幕截图链接）

以下是我应用于图像的属性：

img {
   flex-basis: calc(66.67% - 3.6rem);
   width: 66.67%;
   margin: 0 auto;
}

---

您可以尝试重新定义图像的高度，因为我遇到了相同的问题，通过重新定义，它在safari上对我有效。另外，不要用百分比表示宽度和高度，而是用像素表示，这样更方便。

谢谢，这对我很有帮助，我刚刚为图像指定了最大宽度和最大高度。图像具有正方形的形状，因此通过对这两个属性应用47.2rem来修复它。我认为这是苹果公司应该解决的问题。