请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

Discuz手机版网站帖子图片显示很小怎么解决

 

很多使用DISCUZ做网站的同学都会遇到这样的情况,PC站上帖子图片正常显示,但是转为手机版网站时,就会出现帖子图片显示很小。这是怎么回事呢,怎么解决呢?下面介绍一下解决方法。
01.jpg

原因分析

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手机站帖子图片显示太小的问题了。
02.jpg


回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。