怎样图片自适应大小

只需要给图片本身加几个 CSS 属性即可：

// HTML
<div>
	<img src="path.jpg" alt" />
</div>

// CSS
/* 给定父级的宽高 */
div {
	width: 500px;
	height: 500px;
	/* 如果需要让图片各方位居中 */
	display: flex;
  	justify-content: center;
  	align-items: center;
}
/* 让图片自适应父级大小 */
img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}