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

【问题标题】：Reactstrap Media object how to change the image sizeReactstrap Media 对象如何改变图像大小
【发布时间】：2019-02-12 08:48:10
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

Media 的 props 列表有 className，所以你可以在你的 css 文件中给出一个类，比如，

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

并将媒体用作，

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

【讨论】：