reactjs - CardMedia高度 Material -ui

Question

我正在努力尝试改变 CardMedia 内图像的高度

我设置样式

const style = {
  height: 32,
};

并使用它

<CardMedia
  overlay={<CardTitle title="Title"/>}
  mediaStyle={style}>

  <img src="imgUrl" />
</CardMedia>

但图像的高度保持不变。唯一发生的事情是带有标题的覆盖层移动到顶部。我已经尝试了所有 CardMedia 属性，但没有成功

Answer 1

您需要直接在图像上应用样式:

<CardMedia overlay={<CardTitle title="Title"/>}>
  <img src={imgUrl} style={style}/>
</CardMedia>

设置所需的图像宽度和高度，Card将根据图像进行调整。