admin 很多使用DISCUZ做网站的同学都会遇到这样的情况，PC站上帖子图片正常显示，但是转为手机版网站时，就会出现帖子图片显示很小。这是怎么回事呢，怎么解决呢？下面学做网站论坛介绍一下解决方法。
原因分析
Discuz手机版网站帖子图片显示很小的原因，是由于DISCUZ程序手机版是定义了图片的显示尺寸为140px*140px，所以帖子内的图片都是显示为尺寸140px*140px，所以图片会很小。
解决方法
第一步：修改触屏版图片尺寸，打开\template\default\touch\forum\discuzcode.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样式，打开\static\image\mobile\style.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;}
就是修改图片的最大尺寸为全屏尺寸，高度为自动高动。
通过上面的修改，就会解决DZ手机站帖子图片显示太小的问题了。
微信扫一扫打赏
支付宝扫一扫打赏
评论列表()