CardMedia高度材料-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>

设置所需width和height图像，Card将调整到图像。