您现在的位置是:网站首页> 编程资料编程资料
用css来控制图片大小显示的实现方法与代码_经验交流_
                     2023-05-25
                702人已围观
                
                2023-05-25
                702人已围观
            
简介 用css来控制图片大小显示的实现方法与代码_经验交流_
                有时候图片太大,会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度 
css代码如下:
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
这样当图片的高度或宽度若超过590px,将会按比例压缩成590px,如果不超过则按原大小显示。
        css代码如下:
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
这样当图片的高度或宽度若超过590px,将会按比例压缩成590px,如果不超过则按原大小显示。
 
                                
                                                         
                                
                                                         
                                
                                                         
 
    