帮助:移动优化：修订间差异

以互动方式浏览历史

下一编辑→

删除的内容添加的内容

可视化wikitext

行内

@@ 第1行： / 第1行： @@
-在移动设备上浏览网页时，屏幕尺寸的限制使得优化网页布局变得尤为重要。本页面介绍如何优化 MediaWiki 页面，使其在移动端更友好地显示，提升阅读体验。🚀
 == 📏 宽度 vs 高度 ==
 网页的布局通常涉及 '''宽度''' 和 '''高度'''：
@@ 第29行： / 第27行： @@
 为了改善移动端的阅读体验，我们可以采取以下优化策略：
-=== 表格优化 ===
+=== 📊 表格优化 ===
 表格是 MediaWiki 页面中常见的排版方式，但很多表格的默认宽度会超过移动端屏幕。为了避免 '''横向滚动'''，我们可以使用 '''.table-responsive''' 进行优化：
@@ 第40行： / 第38行： @@
 </syntaxhighlight>
+🔹 '''效果'''：
-🔹 '''效果'''：该表格在桌面端仍然使用 800px 宽度，但在手机端会变成 '''可横向拖动'''，避免撑开整个页面。
+该表格在桌面端仍然使用 800px 宽度，但在手机端会变成 '''可横向拖动'''，避免撑开整个页面。
-=== 让定宽元素自适应屏幕 ===
+=== 📐 让定宽元素自适应屏幕 ===
-某些定宽块状元素（如图片、容器等），可以使用 `.full-width-xs` 让它们在移动端自适应屏幕宽度：
+某些定宽块状元素（如图片、容器等），可以使用 <code>.full-width-xs</code> 让它们在移动端自适应屏幕宽度：
 <syntaxhighlight lang="html">
@@ 第54行： / 第53行： @@
 * '''移动端''' 宽度会自动调整为 '''100%'''，适应屏幕尺寸。
-=== 预览移动端效果 ===
+=== 🧐 预览移动端效果 ===
 在优化移动端页面时，我们可以在桌面浏览器中模拟移动设备的效果。例如，在 '''Chrome 浏览器''' 中：