缩略图的CSS技巧
前段日子一直在做一个头像的缩略图，把图像的大小设定为48×48，不过很多图片并不可能是正方形的？这样的限制宽高的结果，显而易见的造成了图片的失真。难道还真的必须把头像都使用GD库来进行缩放？其实可能过于从一个程序开发人员的角度思考了这个问题。其实使用两句简单的CSS语句即可把此问题解决：
.thumbnail img{
height:auto;
max-width:48px;
}
通过把宽度最大设定为48像素，高度自动。完全避免使用GD库的需求。条条大路通罗马啊。
测试了一下，才发现这种方法的最大缺点就是ie6并不支持max-width的属性，所以在ie6中必须使用width来代替max-width，不过如果是使用在缩略图的情况中时，这个问题并不突出，毕竟都是缩小图片的情况。
尚无评论