css图片居中剪切，避免图片变形

不管是在pc端还是在移动端，页面都必不可少的会出现很多图片，正常情况下，我们让图片100%自适应显示的话，如图下： 在这里可以看到，图片有大有小，但是有时候我们需要图片显示的大小是一样，而且不能变形，那么我们需要加入以下代码 1.给图片设置宽高 2.加入object-fit: cover;这行代码 例如： .panorama li img{ display: block; width:100%;

>>阅读原文<<