有没有一种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