灰儿 发表于 2017-4-13 14:24:40

Discuz教程:Discuz! 3.2版手机版 贴内图片尺寸改自适应屏宽

Discuz! 3.2/3.3 版手机版 贴内图片尺寸改自适应屏宽


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

   这些都是可以调整的,因为服务器上有原图。调整方法:
1.后台设置,后台--全局--上传设置--基本设置,是否生成手机版缩略图,否
2.修改 \template\default\mobile\forum\discuzcode.htm模板文件,查找如下代码:

$mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 140, 140, 'fixnone') : '' ;

大概在114行,把其中的尺寸 140 修改为你想要的尺寸,比如500。

3.修改\static\image\mobile\style.css 样式表文件,查找如下这段样式,大概在150行左右。

      .plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; max-width:140px; max-height:140px; }

修改其中的max-width和max-height为100%。修改后如下:
      .plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; max-width:100%; max-height:100%; }



页: [1]
查看完整版本: Discuz教程:Discuz! 3.2版手机版 贴内图片尺寸改自适应屏宽