img固定宽高问题

如果在项目中有图片比较大 或者比较小 放在固定的div中做展示 可能会有拉伸变形 固采用如下解决办法:

div部分

css部分

上述代码会使得图片居中，边缘部分不显示。这是在图片大小跟container大小差不多的情况下。如果图片很大的话，只显示中心部分是不行的。

此时，设置width：100%；或者height：200px;都可以。

设置width百分之百，会让高都裁剪或填充黑色。设置height固定值会让宽度裁剪或填充。