图片等比缩放及自适应

Question

结构：一个div，包含一个img元素
功能：

1.这个div正常宽高是固定的，但是在屏幕缩小的时候，宽高要等比例缩小，里面的图片也要等比例缩小。
2.图片不一定是正好符合div的宽高的，在图片较大的时候要让图片取中间部分，其余隐藏；在图片较小的时候，图片放大，取 中间部分。这两种情况图片不能变形。

Answer 1

这样的情况建议不要使用img，应该讲图片变为div的背景，通过背景定位来保证背景图片显示中间部分。