javascript - 如何调整 png 图像以适应 div？

Question

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

这是我想将其放入的 div:

但这就是它的样子:

我试图通过这个 Changing image sizes proportionally using 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%;
}