01
2020
05

phpcms图片太大撑破表格把图片自适应图片按比例缩小的方法

phpcms图片太大撑破表格把图片自适应图片按比例缩小的方法:

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);     
}

上面的代码会出现2个问题!

1、会把图片变的非常小。要刷新一次才能正常显示!

2、图片不会按比例缩小,图片严重变形!

修改如下: 

<!-- Begin CSS 控制图片大小 09.1.15 -->    
<style type="text/css">     
<!--     
img,a img{     
border:0;      
margin:0;      
padding:0;     
max-width:650px;     
width: expression(this.width > 650 && this.width > this.height ? 650px : 'auto';);      
max-height:1650px;     
height: expresion(this.height > 1650 ? 1650px : 'auto';);     
} -->     
</style>    
<!-- End CSS 控制图片大小 09.1.15 -->

把上面的代码放在网页模板的 <head></head>之间。

原文链接:https://www.qiquanji.com/post/7936.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。