查看“︁Help:移动优化”︁的源代码

= 移动优化 =
本页说明如何提高页面在手机与平板端的可读性。

== 基本原则 ==
* 优先保证内容不出现横向溢出。
* 长表格与长代码块要可滚动。
* 重要信息应在小屏首屏可见。

== 常见问题 ==
=== 宽表格撑破布局 ===
可在容器中包裹表格：
<syntaxhighlight lang="html">
<div style="overflow-x:auto;">
{| class="wikitable"
! 列 1 !! 列 2
|-
| 内容 || 内容
|}
</div>
</syntaxhighlight>

=== 代码块过宽 ===
* 控制单行长度。
* 必要时分段展示。

=== 图片过大 ===
* 指定合理宽度（如 `300px`）。
* 为移动端重点页面避免超宽原图直接内联。

== 编辑检查清单 ==
* 在移动端皮肤下预览一次。
* 确认无横向滚动条覆盖正文。
* 检查表格、图片、模板是否仍可读。

{{Template:站点帮助文档}}
[[Category:帮助文档]]