Reactstrap Media对象如何更改图像大小

Question

我正在使用Reactstrap Media对象将图像添加到网站中，但难以更改图像大小。请问如何更改Media对象中的图像大小？

<Media object src={themes.image} alt={themes.name} />

Answer 1

您可以更改图像大小，如下所示。

const imgStyle = {
  maxHeight: 128,
  maxWidth: 128
}

<Media object src={themes.image} style={imgStyle} alt={themes.name} />

注意：如果我们没有明确指定，默认情况下React会将px添加到数字中。这里128是128px

Answer 2

媒体的道具列表有className所以你可以在你的css文件中给出一个类，如，

.my_image{
 height:100px;
 width:100px;
}

并使用媒体，

<Media object src={themes.image} alt={themes.name} className='my_image' />