我一直致力于添加动画悬停效果，并使用img和背景图片制作了一个解决方案，可以查看here。我更喜欢背景图片，但只是读到使用img对于屏幕阅读器和搜索引擎来说更好article。
我遇到的问题是，在测试响应时，img解决方案在压缩到col-xs-6时看起来会变形，而后台解决方案却没有。 img css正在使用：
.hovereffect img {
width: 150%;
height: 100%;
}
现在我尝试使用height:auto，但是图片没有填满整个高度，这是我想要做的事情。无论如何，当它缩小时，是否还要保持img比例？