android chrome加载file://下css/js必须用./前缀，否则解析为系统根目录致404；video需遮罩封面、用户手势触发播放；flex需全兼容声明；触摸和表单须手动干预样式与行为。
Android浏览器（尤其是Chrome for Android）在本地文件系统（file://协议）和部分Webview场景下，对路径解析、媒体控制、CSS渲染和JS行为有明确的“非标准”表现。不针对这些点做显式处理，页面在真机上大概率白屏、样式丢失、视频不播、脚本报错。
Android Chrome加载file://下CSS/JS失败：必须用./前缀
当HTML文件通过文件管理器直接打开（如点击index.html），Android Chrome会把/style.css解释为系统根目录（/sdcard/或/），而不是当前HTML所在目录。哪怕文件明明放在同一文件夹，也会404。
- 错误写法：
<link rel="stylesheet" href="/pali.css">→ 浏览器请求file:///pali.css，找不到 - 正确写法：
<link rel="stylesheet" href="./pali.css">→ 明确指向同级目录 - 所有外部资源都适用：
<script src="./main.js"></script>、<img src="./logo.png"> - 注意：
./不能省略；style.css（无前缀）在某些Android版本下可能被误判为相对URL但解析失败，稳妥起见统一加./
<video></video>在Android上黑屏/无封面/无法自动播放
Android原生Webview和Chrome对<video></video>限制极严：不支持autoplay、poster渲染不可靠、默认控件样式混乱，且多数机型不触发canplay事件。
- 封面必须用
<div>遮罩：给<code><video></video>设width: 1px; height: 1px;，上面盖一层<div style="background: url(cover.jpg)"> <li>播放必须由用户手势触发：监听<code>touchstart或click，再调用video.play()；DOMContentLoaded里调用必失败 - 加
webkit-playsinline和playsinline双属性，否则iOS/Android都可能强跳全屏 - 避免依赖
poster：它在Android 7–10上基本不显示，纯属幻觉 - 必须写全兼容声明：
display: -webkit-box; display: -ms-flexbox; display: flex; - 子项用
-webkit-box-flex: 1;+-ms-flex: 1;+flex: 1;，缺一不可 - 关键补丁：
width: 0;加在flex子项上（尤其<li>或<div>），否则Android 4.4会按内容撑宽，破坏等分 <li>避免只写<code>flex: auto或flex: initial——这些在Android Webview里是无效字符串 -
:active在Android上默认无反馈：必须显式加ontouchstart=""到元素上，或用body { -webkit-tap-highlight-color: rgba(0,0,0,0); }关闭高亮后自己写:active样式 - 输入框获得焦点时弹出软键盘但页面不滚动：给
<input>加scrollIntoView({ behavior: 'smooth' })手动触发（注意Android 5以下不支持behavior参数） - viewport必须带
user-scalable=no且maximum-scale=1.0，否则UC、QQ浏览器仍可双指放大 - 表单控件默认圆角/阴影要重置：
input, select, textarea { -webkit-appearance: none; border-radius: 0; }
Android Webview中Flex布局错乱或不渲染
旧版Android Webview（Android 4.4–5.1自带）只支持老式Flex语法，且flex: 1在子元素上常被忽略，导致宽度塌陷或换行异常。
触摸反馈、输入框和缩放控制失效
Android浏览器对:active伪类、input聚焦样式、viewport缩放的默认行为与桌面端差异极大，不干预就会“点不动”“输不了”“页面乱缩”。
Android兼容问题不是“多加几个前缀就能好”，而是每个环节都有明确的断裂点：路径解析走系统层、媒体策略由Webview硬编码、布局引擎版本锁定、触摸事件模型与桌面割裂。绕开它们的唯一办法，是把Android当作一个独立平台来对待——而不是“差不多能跑的Chrome分支”。
