炫意html5
最早CSS3和HTML5移动技术网站之一

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%;

炫意HTML5 » flex布局 让超过盒子大小的图片能够自适应盒子的大小 求助!

Java基础教程Android基础教程