CSS网格最小内容在Chrome上无法正常工作

我正在用网格创建一个简单的两列布局。一个包含图像，第二个仅包含几个段落。我想用文本将图像高度设置为与第二个div相同。“我的模板行”属性设置为

mincontent

，这在Firefox上非常有效，但在Chrome上，我的图像扩展到了所有高度

在两个不同的浏览器中显示此示例以查看差异

.grid{
显示：网格；
网格模板柱：1fr 1fr；
网格模板行：最小内容；
宽度：1000px；
保证金：0自动；
}
img{
宽度：100%；
最大高度：100%；
}

那只敏捷的棕色狐狸跳过了一只懒狗。当MTV ax问答节目播出时，DJ蜂拥而至。由狐狸幼崽主持的垃圾MTV测试。妓女慢跑，轻拍石英，骚扰仙女。华尔兹，坏仙女，快节奏的舞曲！狐仙跳快速摇摆的华尔兹。砖块智力测验打得神经兮兮的维特·福克斯。明亮的蝰蛇跳跃；昏昏欲睡的鸡叫声。快速飘荡的西风让勇敢的吉姆烦恼不已。风吹得很快，让愚蠢的吉姆烦恼。性收费的fop搞砸了我的垃圾电视测试

那只敏捷的棕色狐狸跳过了一只懒狗。当MTV ax问答节目播出时，DJ蜂拥而至。由狐狸幼崽主持的垃圾MTV测试。妓女慢跑，轻拍石英，骚扰仙女。华尔兹，坏仙女，快节奏的舞曲！狐仙跳快速摇摆的华尔兹。砖块智力测验打得神经兮兮的维特·福克斯。明亮的蝰蛇跳跃；昏昏欲睡的鸡叫声。快速飘荡的西风让勇敢的吉姆烦恼不已。风吹得很快，让愚蠢的吉姆烦恼。性收费的fop搞砸了我的垃圾电视测试

< /代码> 而不是<代码> min内容< /代码>，将IMG包装在div中，并考虑技巧>代码>高度：0；最小高度：100%


.grid{
显示：网格；
网格模板柱：1fr 1fr；
保证金：0自动；
}
img{
宽度：100%；
身高：0；
最小高度：100%；
}

那只敏捷的棕色狐狸跳过了一只懒狗。当MTV ax问答节目播出时，DJ蜂拥而至。由狐狸幼崽主持的垃圾MTV测试。妓女慢跑，轻拍石英，骚扰仙女。华尔兹，坏仙女，快节奏的舞曲！狐仙跳快速摇摆的华尔兹。砖块智力测验让人毛骨悚然
维尔特·福克斯。明亮的蝰蛇跳跃；昏昏欲睡的鸡叫声。快速飘荡的西风让勇敢的吉姆烦恼不已。风吹得很快，让愚蠢的吉姆烦恼。性收费的fop搞砸了我的垃圾电视测试

那只敏捷的棕色狐狸跳过了一只懒狗。当MTV ax问答节目播出时，DJ蜂拥而至。由狐狸幼崽主持的垃圾MTV测试。妓女慢跑，轻拍石英，骚扰仙女。华尔兹，坏仙女，快节奏的舞曲！狐仙跳快速摇摆的华尔兹。砖块智力测验让人毛骨悚然
维尔特·福克斯。明亮的蝰蛇跳跃；昏昏欲睡的鸡叫声。快速飘荡的西风让勇敢的吉姆烦恼不已。风吹得很快，让愚蠢的吉姆烦恼。性收费的fop搞砸了我的垃圾电视测试