Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[求助] 心得分享——贴图自适应缩略显示修改

[复制链接]
foximage 发表于 2017-8-15 13:53:57 | 显示全部楼层 |阅读模式
本帖最后由 foximage 于 2017-8-15 14:25 编辑

由于DZ后台对于帖内图片的缩略显示尺寸只能设置为固定像素,不能兼顾窄版/宽版模式下的满框架图片的显示,更不能满足现今高分辨率显示器直观浏览大图的需要,特别是对于摄影类论坛,用户体验不是很好,若能找到一个方法,使得上传图片能根据不同版式不同分辨率显示器自适应缩略显示,将会大大改善用户体验度,可惜,查了本站和百度,相关问题虽有很多人求助,却没发现有什么解决方案,对此,只能自己研究和摸索。
在分析了帖子页面脚本后,本人终于找到一个简单有效的办法,可以实现贴图的自适应显示,经实际测试,未发现任何副作用,现分享如下:

本方法只需改动一个CSS式样文件,目标文件是:../template/default/common/module.css
在任何位置添加两行:
.t_f img { max-width: 100%; }
.mbn img { max-width: 100%; }

后台:
1、全局/上传设置/论坛附件/论坛帖子附件缩略图设置————不启用
2、界面/界面设置/帖子内容页/帖内图片最大宽度————XXXX,这个看实际需要,建议设置为1663以上,1663这个宽度正好能在最常用的1920显示器(1080P)上,使用宽板模式最大化浏览器时满框架显示
设置完成后更新缓存即可。
效果演示页:http://www.fishing-sh.com/forum.php?mod=viewthread&tid=207869



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-28 11:43 , Processed in 0.030792 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表