只需要给图片本身加几个 CSS 属性即可:
<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%;
}