请选择 进入手机版 | 继续访问电脑版

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

[复制链接]
查看4095 | 回复0 | 2020-3-2 15:58 | 显示全部楼层 |阅读模式
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%就足够了。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-3-24