很多使用DISCUZ做网站的同学都会遇到这样的情况,PC站上帖子图片正常显示,但是转为手机版网站时,就会出现帖子图片显示很小。这是怎么回事呢,怎么解决呢?下面学做网站论坛介绍一下解决方法。
原因分析
Discuz手机版网站帖子图片显示很小的原因,是由于DISCUZ程序手机版是定义了图片的显示尺寸为140px*140px,所以帖子内的图片都是显示为尺寸140px*140px,所以图片会很小。
解决方法
第一步:修改触屏版图片尺寸,打开templatedefaulttouchforumdiscuzcode.htm文件,找
$fix = count($post[imagelist]) == 1 ? 140 : 83;
改为
$fix = count($post[imagelist]) == 1 ? 600 : 400;
也就是把140的小图改为宽600,高400的尺寸。
第二步:再修改下面的代码里的140px
$mobilethumburl = $attach[‘attachimg’] && $_G[‘setting’][‘showimages’] && (!$attach[‘price’] || $attach[‘payed’]) && ($_G[‘group’][‘allowgetimage’] || $_G[‘uid’] == $attach[‘uid’]) ? getforumimg($attach[‘aid’], 0, 140, 140, ‘fixnone’) : ” ;
改为下面的尺寸
$mobilethumburl = $attach[‘attachimg’] && $_G[‘setting’][‘showimages’] && (!$attach[‘price’] || $attach[‘payed’]) && ($_G[‘group’][‘allowgetimage’] || $_G[‘uid’] == $attach[‘uid’]) ? getforumimg($attach[‘aid’], 0, 600, 400, ‘fixnone’) : ” ;
第三步:修改图片控制的CSS样式,打开staticimagemobilestyle.css,找到
.plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; max-width:140px; max-height:140px; }
改为
.plc .pi .message img,.plc .pi .img_one img {max-width:100%; display:block;vertical-align: middle;margin-bottom:4px;}
就是修改图片的最大尺寸为全屏尺寸,高度为自动高动。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
喜欢就支持一下吧
相关推荐
评论 抢沙发

欢迎您留下宝贵的见解!
随即推荐
Flora实战课角色设计+分镜脚本
本课程专为设计师、内容创作者及创意团队打造,聚焦如何通过Flora的无限画布与节点系统,将碎片化灵感转化为完整视觉作品。从故事分析、角色设计到视频分镜,掌握Flora多模态创作全流程;10分钟...
淘宝无货源开店全流程,1688代发实操指南,零成本创业首选方案(更新6月)
课程系统讲解2025年淘宝无货源电商玩法,涵盖开店流程、1688代发、蓝海选品、商品上传、动销运营等核心技能,配套选品工具和实战表格,提供从零起步到进阶运营的全套解决方案,适合零成本创业者...
2025独立营养师体重管理实操
2025年体重管理需求井喷,想成为独立营养师,开启高潜力副业?这门实操课是你的不二之选!课程从基础理论出发,带你吃透能量代谢、肥胖成因等知识。实战环节,依托真实案例,教你运用体脂仪精准...
自采集在线电脑壁纸php源码v2.0自适应端
首页壁纸、金山词霸每日英语、必应每日壁纸栏目适应移动端支持 https 增加搜索入口,直接搜索自己想要的美图壁纸种类多、自动更新,自动采集、瀑布流加载、全站 ajax! 壁纸采集自 360 壁纸库、...
暂无评论内容