亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net
您需要 登录 才可以下载或查看,没有账号?立即注册
x
很多使用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手机站帖子图片显示太小的问题了。
这样就可以了
道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题!
如果您是道勤主机用户,那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信:q792472177免费电话、后台提交工单这些方式联系道勤主机客服!
如果您不是我们的客户也没问题,点击页面最右边的企业QQ在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到道勤主机的服务! |