解决图片按照特定宽高比例显示被压缩的问题

  有这么一个需求：等宽两列瀑布流在渲染显示的时候，如果宽高比例width / height >= 1的时候显示为正方形，否则显示为height = width * 1.33;。

这就导致了一个问题，没有按照原宽高比显示，图片是会被压缩的，这个时候我们需要裁剪才能保证图片的画质。纠结了好久智能裁图的问题。

后来发现一个很妙的css属性：object-fit: cover;，用这个属性可以完美的解决这个图片被压缩的问题。

当时也想过background-size： cover的属性，但是这个只是对背景图片起作用，对瀑布流的渲染就不太符合场景，有兴趣的也可以试一下。