HTML5在华硕ZenFone系列上基本可用，但流畅度与准确性取决于viewport设置、CSS媒体查询、JS事件兼容性及WebView/Chrome版本；需用width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no适配高DPI屏，防缩放错位；ZenFone 11 Ultra触控采样高易致touchstart重复触发；video需加webkit-playsinline；适配难点在于Android碎片化与WebView滞后。
viewport meta 标签必须显式声明且禁用用户缩放
多数 ZenFone 机型（尤其搭载 Android 14 的 ZenFone 11 Ultra）默认启用高 DPI 屏幕（如 1080p @ ~395dpi），若未正确设置 <meta name="viewport">，页面会以桌面宽度渲染后强制缩放，导致文字模糊、点击区域错位、touchstart 坐标偏移。
错误写法：<meta name="viewport" content="width=device-width">（缺少 initial-scale=1，部分旧版 WebView 会忽略）
推荐写法（兼容 Android 4.3+ 至 Android 14）：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-
initial-scale=1.0强制按物理 CSS 像素渲染，避免 Android WebView 自动缩放 -
maximum-scale=1.0和user-scalable=no防止用户双指缩放引发 layout shift（ZenFone 11 Ultra 的 LTPO 1–120Hz 刷新率在缩放动画中易出现帧丢弃） - 若需支持可缩放（如地图/图表类应用），应改用
touch-action: manipulation+ 手动监听pinchzoom，而非依赖 viewport 缩放
touchstart/touchend 事件在 ZenFone 11 Ultra 上可能触发两次
ZenFone 11 Ultra 使用了高采样率触控（据 ASUS 官方文档提及“Ultra-responsive touch sampling”），配合 Android 14 的输入事件队列优化，touchstart 可能在极短时间内触发两个几乎重叠的事件（event.timeStamp 差值
立即学习“前端免费学习笔记（深入）”；
实操建议：
- 永远用
event.preventDefault()在touchstart中阻止默认行为（尤其在自定义滚动容器内） - 添加轻量级防抖：用
setTimeout+clearTimeout包裹关键逻辑，阈值设为8ms（低于 ZenFone 触控固件上报间隔） - 避免直接监听
touchend做状态切换；改用pointerdown/pointerup（Chrome 90+ on Android 全面支持，ZenFone 11 Ultra 默认 Chrome 128+）
CSS rem 与 font-size 动态计算在 ZenFone 5（Android 4.4）上失效
ZenFone 5（A500CG）等早期机型使用 Intel Atom + Android 4.4 KitKat，其 WebView 基于 Chromium 30，不支持 calc() 中嵌套 vw 单位，且 document.documentElement.style.fontSize 动态设置后，部分元素（如 <input> 内 placeholder 文字）不会重绘字体大小。
安全方案：
- 放弃纯 JS 动态设置 root font-size；改用媒体查询分段定义：
@media screen and (max-width: 375px) { html { font-size: 14px; } }
@media screen and (min-width: 376px) and (max-width: 414px) { html { font-size: 16px; } }
@media screen and (min-width: 415px) { html { font-size: 18px; } }
- 对
<input>、<textarea>等表单控件，显式声明font-size: 1rem，避免继承链断裂 - ZenFone 2 Deluxe（ZE551ML）等 HD 屏机型需额外加
@supports (-webkit-text-size-adjust: none)修复字体缩放异常
video 标签在 ZenFone Zoom（ZX551ML）上无法自动播放音频
ZenFone Zoom 搭载 Android 5.0，其 WebView 对 autoplay 的策略极为保守：即使加了 muted，若页面未经过用户手势激活（如 click/tap），play() 仍会抛出 NotAllowedError。这是 Chromium 50 以前的已知限制，非华硕特有，但 ZenFone Zoom 固件未升级 WebView。
绕过方式（仅适用于需静音自动播放场景）：
- 首次用户交互（如点击任意空白处）后，立即调用
video.play().catch(e => console.warn("autostart blocked")) - 用
<video muted autoplay playsinline webkit-playsinline>—— 注意webkit-playsinline是必需的，否则 ZenFone Zoom 会强制全屏 - 避免依赖
canplaythrough事件做后续逻辑；改用loadeddata+video.readyState >= 2判断是否可安全操作
IntersectionObserver、ResizeObserver、甚至 Promise.finally() 的支持度都可能差三年以上。真机测试不能只看“是否跑起来”，得盯着 touch 响应延迟、requestAnimationFrame 实际帧率、以及 console.timeLog 下的 layout forced synchronous 否决次数。 
