flex布局 让超过盒子大小的图片能够自适应盒子的大小 求助！
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#d1{
border: red solid;
display: flex;
height: 100px;
}
#d2{
border: #000000 solid;
display: flex;
flex-direction: column;
}
#d3{
border: #0000FF solid;
/* display: flex; */
}
img{
height: 100%;
}
</style>
</head>
<body>
<div>
<div>
<span>巧克力蛋糕</span>
<div><img src="https://q.cnblogs.com/q/137426/img/%E9%A6%96%E9%A1%B5/fre_1.jpg" ></div>
</div>
</div>
</body>
回答
max-width:100%;
max-height:100%;