结构：一个div，包含一个img元素
功能：
1.这个div正常宽高是固定的，但是在屏幕缩小的时候，宽高要等比例缩小，里面的图片也要等比例缩小。
2.图片不一定是正好符合div的宽高的，在图片较大的时候要让图片取中间部分，其余隐藏；在图片较小的时候，图片放大，取 中间部分。这两种情况图片不能变形。
这样的情况建议不要使用img，应该讲图片变为div的背景，通过背景定位来保证背景图片显示中间部分。
写了个示例：https://codesandbox.io/s/reaxt-ts-forked-j60eu?file=/src/index.tsx