如何让img里的图片自适应div，且不变形
<div>
<img src="..." alt="image">
<div>
解决方案：使用object-fit属性
img{
width: 100%;
height: 100%;
object-fit: cover;
}
object-fit中的几个属性值：
| 值 | 功能 |
|---|---|
| fill | 不保持纵横比缩放图片，使图片完全适应 |
| contain | 保持纵横比缩放图片，使图片的长边能完全显示出来 |
| cover | 保持纵横比缩放图片，只保证图片的短边能完全显示出来 |
| none | 保持图片宽高不变 |
| scale-down | 当图片实际宽高小于所设置的图片宽高时，显示效果与none一致；否则，显示效果与contain一致 |
