外层容器必须设 overflow-x: auto 且有明确宽度，table 本身禁用 width: 100%、改用 min-width: max-content，th/td 统一 white-space: nowrap，ios 需加 -webkit-overflow-scrolling: touch。
外层容器必须设 overflow-x: auto 且有明确宽度
直接给 <table> 加 <code>overflow-x: auto 没用——表格会自动撑宽，浏览器根本判断不出“溢出”。滚动行为只在**父级块容器**上生效，而且这个容器得能明确知道“多宽才算超了”。
-
div必须设width: 100%或具体值（如max-width: 100vw），不能是display: inline或被flex压缩而没触发 BFC - 如果父元素是
display: flex，子容器要加min-width: 0，否则它拒绝收缩，滚动区形同虚设 - 避免同时设
overflow-y: hidden——某些安卓 WebView 下会意外截断内容高度
table 本身要禁用 width: 100%，改用 min-width
width: 100% 是横向滚动失效的隐形杀手：它强制表格拉满容器宽度，掩盖真实内容宽度，导致“没溢出”假象。
- 删掉所有
table { width: 100% }，换成min-width: max-content或具体值（如min-width: 600px） -
min-width: max-content让表格按内容自然撑开，是现代方案中最稳妥的选择 - 若列宽需控制，优先用
<col>设像素宽（如<col style="width: 120px">），而非百分比——Safari 对table-layout: fixed+ 百分比支持不稳定
th 和 td 必须统一加 white-space: nowrap
单元格默认换行，会把长文本压成多行，破坏宽度计算逻辑，导致表格实际宽度远小于视觉预期。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 写死
th, td { white-space: nowrap; }，不要只加在某几列 - 如果内容含超长 URL 或无空格字符串，额外加
overflow: hidden; text-overflow: ellipsis;防止无限撑宽 - 别在容器
div上设white-space: nowrap——它会让整个滚动区文字不折行，反而更易溢出失控
iOS Safari 必须加 -webkit-overflow-scrolling: touch
不加这句，iOS 上手指一抬就停，拖不动、没惯性、回弹生硬——不是 bug，是 Safari 渲染策略限制。
- 只对滚动容器加，不要全局设置（有内存泄漏风险）
- 该属性仅在
overflow-x为auto或scroll时生效，hidden下无效 - 现代 iOS（16+）已弱化依赖，但 iOS 15 及更早版本仍需保留；可用
@supports做渐进增强 - 禁用
transform、will-change、filter等属性——它们会关闭原生滚动加速，让-webkit-overflow-scrolling失效
position: sticky 表头时，最容易被忽略的是层叠上下文问题：只要父容器触发了 transform 或 will-change，sticky 就会失效，表头要么消失要么错位。这不是样式没写对，而是渲染树层级被切断了。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
