在css制作中,限制图片最大宽度,及按比例绽放图片时,采用固定宽度,长度来设置的话,比如在
<img height="200px" width="200px">
中设置,或者是在CSS中用
.img {height:200px;width:200px;}
来控制的话,不同规格的图片有可能会变形。这是一种最不好的解决方法。经过实践,找到一些CSS代码,可以让图片在超过规定的宽度时,自动缩小,并且是按比例缩小,不会造成图片
变形。如下:
经过测试,以上CSS代码能兼容IE6 IE7 FF,这种方法还是不错的。