dedecms中如何完成图片自动缩放
发布时间：2021-12-13 15:03:24 所属栏目：经验 来源：互联网
导读：我们在网页中插入图片时,有时候图片的大小大于网页表格定义的宽度时会出现撑破表格的情况,可以通过下面的CSS来设置图片大小超过设置的大小时可以自动缩放定义的CSS: .index{width:500px; height:600px;} .index img{ border:0px; max-width:500px; width: exp
|
我们在网页中插入图片时,有时候图片的大小大于网页表格定义的宽度时会出现撑破表格的情况,可以通过下面的CSS来设置图片大小超过设置的大小时可以自动缩放定义的CSS: .index{width:500px; height:600px;} .index img{ border:0px; max-width:500px; width: expression_r(this.width > 500 && this.width > this.height ? 500px : 'auto';);max-height:600px; //开源软件:Cuoxin.com height: expresion(this.height > 600 ? 600px : 'auto';);} 定义一个名称为index的样式,宽度为500 高度为600设置这个样式中的图片宽度最大不超过500,高度不超过600.如果超过设置的大小,将自动缩放宽度为500或高度为600. （编辑：上海站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
