我很难弄清为什么https://www.kerkradio.za/index.php主页上的图像会被拉伸。我对CSS还是一无所知，但在IE，FF和Edge中，它们都可以很好地显示图像。我在这里（Chrome is stretching my images vertically, however everything works fine in Firefox/Edge）找到了一个解决方案的参考，但这并没有真正帮助。
我看过一些实例，其中图像的高度和宽度设置为自动，并将其更改为100％。没运气。我确定我在css-es中缺少某些内容。
请参考https://www.kerkradio.co.za/index.php的代码。向下滚动到所有教堂图像卡的显示位置。
我已经待了三个多小时了。
答案 0 :(得分：0)
我想您需要从此选择器中移除高度：
.card-img img
看起来像一些不同的行为flexbox和图像计算大小。因此img包含：
width: 100%;
height: 100%;
chrome将图片扩展到原始高度的100％，而Firefox图片将尺寸调整为容器高度的100％