必须设置table { table-layout: fixed; width: 100%; }，否则min-width基本无效；需配合或首行th/td宽度定义、white-space与overflow控制，以及外层容器min-width约束才能确保最小宽度生效。
table-layout: fixed 是防挤压的前提
不设 table-layout: fixed，min-width 基本没用——浏览器默认按内容撑开列宽，窄屏下长文本（比如 https://api.example.com/v1/xxx）会直接把整列拉宽，其他列被压缩变形。必须显式声明：table { table-layout: fixed; width: 100%; }。只写 fixed 不加 width，在多数现代浏览器里布局仍不可控。
th/td 的 min-width 需配合 white-space 和 overflow
给 th 或 td 设 min-width: 120px 后仍被撑开？大概率是内容没换行。中文、URL、base64 字符串这类无空格文本，在 white-space: normal 下也不一定自动折行，得明确加 word-break: break-word 或 overflow-wrap: break-word。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 要保内容可读：用
white-space: normal; word-break: break-word; - 要单行+截断：必须配
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;，且该单元格还得有max-width，否则min-width会被无视 - 别对整张表设
white-space: nowrap，它会让所有列失去折行能力，窄屏必溢出
外层容器比 table 自身的 min-width 更关键
直接给 table 加 min-width: 768px 通常无效——表格宽度由内容和父容器共同决定，而父容器（比如 div）往往没约束。真正起作用的是包裹容器：
- 用
<div class="table-wrapper"><table></table></div> -
.table-wrapper { min-width: 480px; overflow-x: auto; }—— 这个min-width才能兜住底线，overflow-x: auto比强制缩放更可控 - 避免把
table直接塞进display: flex容器，flex 默认会压缩子项，min-width行为会被干扰
colspan 单元格会绕过所有 min-width 控制
带 colspan 的 td 是表格布局里的“例外项”：它不遵守单列 min-width，也不受 table-layout: fixed 的列宽约束，会强行拉宽整行。这不是 bug，是 HTML 表格渲染算法固有逻辑。
- 解决方案不是硬加样式，而是提前用
<col>定义基准列宽：<col style="width: 150px"> <col style="width: auto"> <col style="min-width: 80px"> - 如果必须用
colspan，尽量放在最后一列，或单独拆成独立行（比如汇总行），避免破坏主数据区列宽稳定性 - 百分比列宽（如
th:nth-child(2) { width: 30%; }）比像素值更适配不同屏幕比例，但所有列百分比总和必须严格等于 100%
min-width: 320px，而是判断它该写在哪一层、被谁覆盖、又和哪个属性冲突——表格的“不可预测性”，90% 来自没意识到 table-layout 这个开关的作用。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
