|
很多使用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手机站帖子图片显示太小的问题了。
| 
