object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。
object-fit 一般用于 img 和 video 标签,一般可以对这些原素进行保留原始比例的剪切、缩放或者直接进行拉伸等。您可以通过使用 object-position 属性来切换被替换元素的内容对象在元素框内的对齐方式。

CSS

 / * 控制缩放 */
  object-fit: cover;
 / * 鼠标光标手势 */
    cursor: pointer;

 

原始:

css缩略图最佳缩放实践-钻芒博客

效果示例:

css缩略图最佳缩放实践-钻芒博客