CSS等比例控制图片显示大小

听老歌

CSS等比例控制图片显示大小

有时候图片太大，会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度

    css代码如下：

1.     img,a img{
   
2.     border:0;
   
3.     margin:0;
   
4.     padding:0;
   
5.     max-width:590px;
   
6.     width:expression(this.width>590?"590px":this.width);
   
7.         /* max-height:590px;
   
8.         height:expression(this.height>590?"590px":this.height);*/
   
9.     }

复制代码

这样当图片的高度或宽度若超过590px，将会按比例压缩成590px，如果不超过则按原大小显示。

阳光的扣子

学习了谢谢