网站地图    收藏   

主页 > 后端 > dedecms >

dedecms中如何实现图片自动缩放 - DeDecms

来源:自学PHP网    时间:2014-11-30 17:03 作者: 阅读:

[导读] 我们在网页中插入图片时,有时候图片的大小大于网页表格定义的宽度时会出现撑破表格的情况,可以通过下面的CSS来设置图片大小超过设置的大小时可以自动缩放定义的CSS:.index{width:500...

dedecms中如何实现图片自动缩放

我们在网页中插入图片时,有时候图片的大小大于网页表格定义的宽度时会出现撑破表格的情况,可以通过下面的CSS来设置图片大小超过设置的大小时可以自动缩放定义的CSS:

  1. .index{width:500px; height:600px;} 
  2. .index img{ 
  3. border:0px; 
  4. max-width:500px; 
  5. width: expression_r(this.width > 500 && this.width > this.height ? 500px : 'auto';);max-height:600px; //开源软件:phpfensi.com 
  6. height: expresion(this.height > 600 ? 600px : 'auto';);} 

定义一个名称为index的样式,宽度为500 高度为600设置这个样式中的图片宽度最大不超过500,高度不超过600.如果超过设置的大小,将自动缩放宽度为500或高度为600.

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论