Discuz论坛手机版模板美化，移动端适配
很多站长发现 Discuz 论坛在手机上打开时排版错乱、字体过小或图片溢出，这通常是因为默认模板没有针对移动端做完整适配。
下面从零开始，一步步完成手机版模板美化和移动端适配，最终让论坛在手机上显示整齐、点击方便。
先确认你的 Discuz 环境与模板位置
动手前需要知道两件事：Discuz 版本和当前使用的手机版模板目录。
常见版本如 Discuz X3.4、X3.5 的模板路径基本一致。
- 登录服务器或宝塔面板，进入网站根目录，例如
/www/wwwroot/你的域名。 - 手机版模板通常位于
template/模板目录/mobile/，例如template/default/mobile/。 - 如果不确定当前模板，可以在后台 界面 → 风格管理 中查看手机版启用的模板名称。
建议先备份整个 template 目录，避免改错后无法恢复。
cp -r template template_bak修改前必须了解的移动端适配要点
移动端适配的核心是让页面宽度自适应屏幕，并保证文字和按钮大小适合手指点击。
Discuz 手机版默认已经引入 viewport，但很多美化需要手动调整 CSS。
- viewport 标签：确保页面头部有
，一般在template/default/mobile/common/header.php中。 - CSS 媒体查询：在手机版 CSS 文件里添加针对小屏幕的样式，例如
@media (max-width: 768px) { ... }。 - 图片自适应：给内容图片加上
max-width:100%; height:auto;，防止撑破布局。
如果使用的是第三方手机模板，优先查看模板说明，避免覆盖作者原有样式。
具体美化与适配操作步骤
以下操作以默认手机模板为例，第三方模板可参考思路调整文件路径。
