帮助:移动优化：修订间差异
来自陋室
更多操作
删除的内容 添加的内容
Maintenance script（留言 | 贡献） 统一帮助命名空间内容风格与结构 |
Maintenance script（留言 | 贡献） 帮助命名空间规范化：移除一级标题并修正渲染安全写法 |
||
| 第1行： | 第1行： | ||
= 移动优化 = |
|||
本页说明如何提高页面在手机与平板端的可读性。 |
本页说明如何提高页面在手机与平板端的可读性。 |
||
| 第25行： | 第24行： | ||
=== 图片过大 === |
=== 图片过大 === |
||
* 指定合理宽度（如 |
* 指定合理宽度（如 <code>300px</code>）。 |
||
* 为移动端重点页面避免超宽原图直接内联。 |
* 为移动端重点页面避免超宽原图直接内联。 |
||
2026年5月21日 (四) 11:19的最新版本
本页说明如何提高页面在手机与平板端的可读性。
基本原则
- 优先保证内容不出现横向溢出。
- 长表格与长代码块要可滚动。
- 重要信息应在小屏首屏可见。
常见问题
宽表格撑破布局
可在容器中包裹表格：
<div style="overflow-x:auto;">
{| class="wikitable"
! 列 1 !! 列 2
|-
| 内容 || 内容
|}
</div>
代码块过宽
- 控制单行长度。
- 必要时分段展示。
图片过大
- 指定合理宽度（如
300px）。 - 为移动端重点页面避免超宽原图直接内联。
编辑检查清单
- 在移动端皮肤下预览一次。
- 确认无横向滚动条覆盖正文。
- 检查表格、图片、模板是否仍可读。