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