让图片填满 ＜div＞ 容器且不变形

图片填满 

 容器且不变形，可以使用 CSS 的 object-fit 属性。object-fit 属性指定如何调整替换元素（比如图片或视频）的内容以适应其容器的高度和宽度，同时保持其宽高比。

.li-top {
    width: /* 设置你想要的宽度 */;
    height: /* 设置你想要的高度 */;
    overflow: hidden; /* 隐藏溢出部分 */
}

.li-top img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持宽高比，同时填满容器 */
}

在这个例子中：

• .li-top 是包含图片的容器，你需要设置它的宽度和高度。
• .li-top img 是对图片应用样式的选择器。
• width: 100%; 和 height: 100%; 让图片尝试填满整个容器。
• object-fit: cover; 让图片保持其宽高比，同时尽可能大地填满容器。如果图片的比例与容器的比例不匹配，那么图片的某些部分可能会被裁剪掉，以确保图片不会变形且完全覆盖容器。

请注意，object-fit 属性在较旧的浏览器中可能不受支持，因此在使用前请检查目标浏览器的兼容性。