根本原因是乐视手机使用旧版WebView或定制Chrome内核导致HTML5特性异常，需通过锁定viewport、兼容touch事件、绕过video静音播放限制及降级兜底等方案适配。
HTML5 页面在乐视手机上跑不正常，根本原因不是“乐视特有 bug”，而是它用的是 Android 系统 + 定制 WebView 或旧版 Chrome 内核（尤其老款乐视 Max、LeTV X 系列），导致部分 HTML5 特性行为异常或缺失。适配重点不在“加乐视专属代码”，而在规避其内核短板。
viewport 和缩放必须显式锁定
乐视部分机型（如 LeTV X600、Max2）的 WebView 对 initial-scale=1.0 响应不稳定，页面可能意外放大/缩小，文字模糊或按钮点不中。
- 必须写全
—— 尤其maximum-scale=1.0和user-scalable=no是关键，防止系统级双击缩放干扰 - 避免只写
width=device-width，不加缩放控制，乐视某些固件会 fallback 到 1.5x 缩放 - CSS 中禁用
transform: scale()做布局缩放，它在乐视低版本 WebView 中易触发重绘错乱
touch 事件必须兼容 legacy WebView
乐视手机若运行 Android 5.0 以下或未更新 WebView，touchstart/touchend 可能被忽略，click 延迟 300ms 且不准，导致按钮无响应或误触。
- 永远同时绑定
touchstart和click，并用event.preventDefault()在 touch 回调里阻止默认行为 - 不要依赖
touchmove的精确坐标做拖拽——乐视老内核常返回0,0或重复坐标 - 检测是否为乐视设备可参考 UA 字符串：
navigator.userAgent.indexOf('LeTV') > -1或navigator.userAgent.indexOf('Letv') > -1
video 播放需绕过静音自动播放限制
乐视定制系统沿用早期 Android WebView 行为：即使设置 muted，video.play() 在无用户手势时仍抛 DOMException: play() failed because the user didn't interact with the document first。
立即学习“前端免费学习笔记（深入）”；
- 首次播放必须由真实用户 touch/click 触发，不能靠
setTimeout或load事件自动调用 - 静音播放也需先绑定一次空 touch 事件：
document.body.addEventListener('touchstart', () => { video.play().catch(() => {}); }, { once: true }); - 避免使用
autoplay+muted属性组合——乐视多数机型直接忽略该属性
真正卡住开发者的，往往不是“乐视要加什么”，而是它把 Web 标准实现得像一个半成品：viewport 解析松散、touch 事件派发不完整、media API 权限校验激进。与其等它更新，不如把“降级兜底”写进初始化逻辑——比如 UA 匹配到 LeTV 就强制启用 fastclick、禁用 CSS 动画、用 rem 替代 vw。这些不是妥协，是面向真实设备的务实编码。
