栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > PHP > php开源框架 > dedecms

二种方法解决织梦DedeCMS文章图片太大撑破内容页

dedecms 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

二种方法解决织梦DedeCMS文章图片太大撑破内容页

第一个方法:通过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);
}

上面的代码有2个问题!

 

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

 

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

 

演示如下如下:



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

第二种:通过JS来限制图片大小

 

在dede模板的内容页面底部标签前面插入如下代码:


这样就可以了

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/3274.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号