很多使用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
喜欢就支持一下吧
相关推荐
评论 抢沙发
欢迎您留下宝贵的见解！
随即推荐
安卓只音v2.1.0全网各大平台的音乐资源播放
只音是一款简单易用的免费听歌软件，全网各大平台的音乐资源都能在这里搜索到，无需会员或者登录就能直接收听，高清无损音质更是能够带给用户们更极致的听歌体验，同时软件中还有丰富的歌单推荐...
15天前
C++就业实战视频课程 – 从基础到项目开发全栈教程
主要内容 八大核心阶段 C语言基础：夯实编程基础，掌握指针与内存管理 Linux编程：系统编程与多线程开发实战3. C++核心：面向对象与STL标准库深入解析4. Boost库应...
15天前
图片转代码，AI自动写代码源码
此代码可以录制视频, 或者使用上传的视频，图片等，自动写出代码。仿照样式 他能仿照 你上传的图片 写出对应样式 接口一和接口三，因为太费钱，我给删了，当然 土豪想添加也是可以的 不同的接口...
19天前
一次性电脑清理彻底删除各种程序缓存文件
文件清理： 1.系统临时目录 2.浏览器缓存 3.回收站 4.预取文件 5.用户临时文件 特点： 1.完全绕过回收站 2.不需要管理员权限 3.确保彻底删除程序文件 自毁机制说明: 1.主程序完成清理后创建自毁...
12天前
程老师AI图文带货实战入门到精通
程老师实战课带你从入门到精通！拆解 AI 工具在选品、文案、设计中的用法，教你写高转化带货文案、做吸睛图文。覆盖平台规则、流量获取技巧，搭配真实案例演练，让你快速掌握 AI 图文带货逻辑，...
12天前
企鹅展示源码带后台
企鹅展示源码，朋友那里顺来的去除联系了，展示的号码都是自己找的没有任何联系带后台、需要自己修改数据库导入数据库 有点bug朋友正在更新，开源的有动手能力的自己改改 免费分享不好的勿喷
28天前
摄影与剪辑教学课程：从零基础到进阶创作的全流程指南
这套“摄影与剪辑教学课程”集合，将为你提供从零基础入门到进阶创作的全流程摄影教学。课程内容涵盖私房摄影、风光摄影的拍摄技巧，以及后期修图与剪辑的完整流程，旨在帮助你全面提升审美与实...
15天前投稿人投稿挣佣金
搜索
热门文章
标签云
暂无评论内容