CSS图像缩放以适应区域内的不变形

前端之家收集整理的这篇文章主要介绍了CSS图像缩放以适应区域内的不变形前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有一种CSS或其他方式使图像适合在一个区域内。让我说我有不同大小的多个图像,我希望他们都适合150px×100像素的div。我不想缩放图像,因为有些可能是高的,而其他的狭窄我只是希望他们适合这个区域,其余的隐藏。

我想到使用overflow:hidden,但它似乎不被隐藏在IE6中。

有任何想法吗?

奇妙

解决方法

你应该尝试使用这个:
img{
  width: auto;
  max-width: 150px;
  height: auto;
  max-height: 100px;
}

编辑:看起来IE6不支持max-width和max-height属性。但是,您可以实现以下给出的解决方法max-width,max-height for IE6

猜你在找的CSS相关文章