Help:移动优化：修订间差异
删除的内容 添加的内容
new |
修改格式 |
||
第1行：
== 📏 宽度 vs 高度 ==
网页的布局通常涉及 '''宽度''' 和 '''高度'''：
第29行 ⟶ 第27行：
为了改善移动端的阅读体验，我们可以采取以下优化策略：
=== 📊 表格优化 ===
表格是 MediaWiki 页面中常见的排版方式，但很多表格的默认宽度会超过移动端屏幕。为了避免 '''横向滚动'''，我们可以使用 '''.table-responsive''' 进行优化：
第40行 ⟶ 第38行：
</syntaxhighlight>
🔹 '''效果'''：
=== 📐 让定宽元素自适应屏幕 ===
某些定宽块状元素（如图片、容器等），可以使用
<syntaxhighlight lang="html">
第54行 ⟶ 第53行：
* '''移动端''' 宽度会自动调整为 '''100%'''，适应屏幕尺寸。
=== 🧐 预览移动端效果 ===
在优化移动端页面时，我们可以在桌面浏览器中模拟移动设备的效果。例如，在 '''Chrome 浏览器''' 中：
| |||