码迷,mamicode.com
首页 > Web开发 > 详细

解决phpcms图片太大撑破表格图片自适应图片按比例缩小

时间:2015-07-31 17:51:39      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:

css代码

img,a img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width590?590px:this.width); max-height:590px; height:expression(this.height590?590px:this.height); } 上面的代码会出现2个问题! 1.会把图片变的非常

    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>之间。

解决phpcms图片太大撑破表格图片自适应图片按比例缩小

标签:

原文地址:http://www.cnblogs.com/good10000/p/4692600.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!