discuz手机版详情页，图片自动固定大小，怎么修改？

chen-johnso · 發表於 2019-7-11 19:41:04

discuz手机版详情页，图片自动固定大小，怎么修改？默认不能全屏，固定了尺寸，可是我在源码里面，搜索不到这个数值。

discuz, 手机, 详情, 图片, 自动

建筑资源吧 · 發表於 2019-7-11 20:48:04

触屏版图片尺寸设置，打开\template\default\touch\forum\discuzcode.htm文件，找

改为

也就是把140的小图改为宽650高800这样，差不多是最大屏幕的手机的实际尺寸。这里建议电脑版的图片上传时就设置最大宽度不超过700,不然加载速度会很慢。然后再找

$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, 650, 800, '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:98%; display:block;vertical-align: middle;margin-bottom:4px;}

CSS也限制了高和宽，改为按屏幕尺寸的百分比来显示。为了不撑破，别搞100%了，98%就足够了。

neol · 發表於 2019-7-13 10:03:11

赞一个！

[教程] discuz手机版详情页，图片自动固定大小，怎么修改？