HTML：

<a class="videopic" href="#" title="标题而已" src="https://x1.php168.com/public/uploads/images/20180906/1_2018090617125308421.jpeg"; style="background: url(https://x1.php168.com/public/uploads/images/20180906/1_2018090617125308421.jpeg) no-repeat; background-position:50% 50%; background-size: cover;"></a>

x.y 我用的时候是50%可自行修改 

background-position:50% 50%;

百分百不同 决定了图片从x.y.轴哪里开始

可以试一下设置成0% 或者删掉这句 在加上对比一下就明白了

css ：

.videopic {
    display: block;
    position: relative;
    padding-top: 120%;
}

调整

padding-top: 120%;

可改变图的大小 

说是缩略图好像也不是缩略图

通过这种方式至少展示的图片可以成比例显示