|
discuz手機觸屏版把圖片搞得非常小。首先在上傳的時候，生成一張手機版縮略圖，這個圖的尺寸很小，就算在模板上放大尺寸，也會變模糊。然后在手機模板上，圖片的高和寬設置得非常小，140像素這樣，也就是電腦版游客看小圖的那么小一丁點。這些參數設置都是可以調整的，因為服務器上有原圖。
調整方法：
1、后臺設置，后臺－－全局－－上傳設置－－基本設置，是否生成手機版縮略圖，否
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%就足夠了。
更新模板緩存，觸屏版的圖片就正常了。 |
