自丢网

标题: discuz手机版详情页，图片自动固定大小修改方法教程 [打印本页]

---

作者: admin    时间: 2020-3-2 15:58
标题: discuz手机版详情页，图片自动固定大小修改方法教程
discuz手机版详情页，图片自动固定大小修改方法教程
(, 下载次数: 432)

上传

点击文件名下载附件
触屏版图片尺寸设置，打开\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%就足够了。

---

欢迎光临 自丢网 (https://www.zidiu.com/)

Powered by Discuz! X3.5