请选择 进入手机版 | 继续访问电脑版
discuz手机版详情页,图片自动固定大小修改方法教程

discuz手机版详情页,图片自动固定大小修改方法教程

discuz手机版详情页,图片自动固定大小修改方法教程

触屏版图片尺寸设置,打开\template\default\touch\forum\discuzcode.htm文件,找
  1. $fix = count($post[imagelist]) == 1 ? 140 : 83;
复制代码
改为
  1. $fix = count($post[imagelist]) == 1 ? 650 : 800;
复制代码
也就是把140的小图改为宽650高800这样,差不多是最大屏幕的手机的实际尺寸。这里建议电脑版的图片上传时就设置最大宽度不超过700,不然加载速度会很慢。然后再找
  1. $mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 140, 140, 'fixnone') : '' ;
复制代码
改为
  1. $mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 650, 800, 'fixnone') : '' ;
复制代码
CSS设置,打开\static\image\mobile\style.css,找
  1. .plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; max-width:140px; max-height:140px; }
复制代码
改为
  1. .plc .pi .message img,.plc .pi .img_one img {max-width:98%; display:block;vertical-align: middle;margin-bottom:4px;}
复制代码
CSS也限制了高和宽,改为按屏幕尺寸的百分比来显示。为了不撑破,别搞100%了,98%就足够了。
推荐给好友: [复制链接]
推荐文章
回复

使用道具 举报

相关文章

发布主题
  • 今日更新:0 昨日更新:2
  • 模板总数:8435
打造全国最大模板下载平台
技术维护在线

QQ:515138

周一至周日9:00-23:00

如有侵权请联系我们

515138@qq.com 在线QQ咨询

微信扫码关注我们

POWERED BY 模板下载 © 2020-2030 WWW.ZIDIU.COM( 粤ICP备17166275号 )