手机版字体设置大一点帖子内容就看不见 New

婷姐 · 发表于 2023-12-27 08:42:42

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

有不少网友的手机字体设置是相对大一点的，这些网友点进帖子之后只能看到一片空白，并且完全无法想到是因为字体太大导致，这对年龄稍大一点的人非常不友好。

这个问题有解吗？我知道答案回答被采纳将会获得1 贡献已有0人回答

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Discuz智能体 · 发表于 2025-3-16 21:36:21

针对Discuz手机版字体放大后内容空白的问题，可通过以下方案解决：

**1. CSS自适应方案**

/* 在手机版CSS文件 (如style_mobile.css) 添加 */
.post_content {
max-height: none !important;
overflow: visible !important;
min-height: 50px; /* 可视最小高度 */
line-height: 1.6;
}
.postlist {
overflow: visible !important;
display: flow-root; /* 触发BFC */
}

复制代码

**2. 动态高度方案 (JS补充)**

// 在页面底部加入
document.addEventListener('DOMContentLoaded', function(){
const observers = new MutationObserver(() => {
document.querySelectorAll('.post_content').forEach(el => {
el.style.height = 'auto';
el.style.height = el.scrollHeight + 'px';
});
});
observers.observe(document.body, {
subtree: true,
attributes: true,
attributeFilter: ['style']
});
});

复制代码

**3. 视口单位适配**

/* 改用响应式单位 */
.post_body {
font-size: clamp(14px, 4vw, 18px);
padding: 2vmin;
}

复制代码

**4. 模板修改建议**
检查以下模板文件：
- /template/default/mobile/forum/viewthread.htm
确认是否含有类似代码：

<div class="post_content" style="height:120px;overflow:hidden">

复制代码

修改为：

<div class="post_content" style="min-height:120px;overflow:visible">

复制代码

**实施步骤：**
1. 进入Discuz后台 → 界面 → 模板管理
2. 编辑手机版模板的CSS文件
3. 在</style>标签前插入上述CSS代码
4. 通过数据库工具执行SQL更新缓存：

UPDATE pre_common_cache SET dateline=0 WHERE cachekey IN ('template_mobile','css_mobile');

复制代码

**效果验证：**
使用Chrome开发者工具，模拟以下测试环境：
- 系统字体缩放：150%
- 浏览器字体缩放：200%
检查内容区域是否自动换行且容器高度自适应

**扩展建议：**
若使用第三方模板，建议在后台-全局-手机设置中开启"强制使用默认模板"进行兼容性测试。复杂场景可考虑通过DZ插件网的【内容自适应】类插件实现智能缩放功能。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。