如何调整 png 图像的大小以适合 div？

Question

我正在尝试调整PNG图像的大小以适合div

这是我想将其放入的 div：

但这就是它的样子：

我试图通过使用 CSS 按比例更改图像大小来解决它？但没有发现任何变化。

这是代码片段：

 <div className="Card-header">
                {this.props.roadmapID}
                <label className="Card-header-status">{this.props.technology.toString().replace(/,/g , " ")}</label>
                <label>{this.props.category}</label>
                <img src="images/dark_chat.png"></img>
                <CardStatus
                    status = {this.props.status}
                    onClickStatus = {this.props.onClickStatus}
                />
            </div>

Answer 1

div.Card-header > img {
    max-width: 100%;
    max-height: 100%;
}