Discuz手机触屏版的图片尺寸显示修改

Posted 2022-12-05 Share_Boy

可能是出于节省流量的考虑，DZ手机触屏版把图片搞得非常小。首先在上传的时候，生成一张手机版缩略图，这个图的尺寸很小，就算在模板上放大尺寸，也会变模糊。然后在手机模板上，图片的高和宽设置得非常小，140像素这样，也就是电脑版游客看小图的那么小一丁点。格东站长网 

这些都是可以调整的，因为服务器上有原图。调整方法：格东站长网 
1、后台设置，后台－－全局－－上传设置－－基本设置，是否生成手机版缩略图，否格东站长网 
以下内容需要积分高于 3 才可浏览
格东站长网 
2、触屏版图片尺寸设置，打开\\template\\default\\touch\\forum\\discuzcode.htm文件，找 

$fix = count($post[imagelist]) == 1 ? 140 : 83;
复制代码
改为 
$fix = count($post[imagelist]) == 1 ? 650 : 800;
复制代码
也就是把140的小图改为宽650高800这样，差不多是最大屏幕的手机的实际尺寸。这里建议电脑版的图片上传时就设置最大宽度不超过700,不然加载速度会很慢。格东站长网 
然后再找格东站长网 
$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, 650, 800, 'fixnone') : '' ; 
复制代码
3、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:98%; display:block;vertical-align: middle;margin-bottom:4px; 
复制代码
看到没有，CSS也限制了高和宽，改为按屏幕尺寸的百分比来显示。为了不撑破，别搞100%了，98%就足够了。


更新模板缓存，触屏版的图片就正常了。