金立H5适配核心是应对旧版Android WebView、系统字体强制缩放及快应用SDK劫持；需用标准viewport、JS动态设置REM根字体、禁用text-size-adjust并检测/清除快应用注入。
金立手机本身没有特殊 HTML5 渲染引擎，其 H5 适配本质是 Android WebView 或 Chrome 内核的兼容问题——关键不在“金立”，而在它搭载的系统版本、WebView 更新状态和是否启用了快应用劫持机制。
viewport 设置必须精准，不能靠猜
很多开发者沿用 width=320 或硬写 initial-scale=1.3，这在金立旧机型（如 F100、M5 Lite）上极易导致横向滚动或文字缩放异常。这些设备多运行 Android 5.1~6.0，WebView 版本陈旧，对非标准 viewport 解析不稳定。
- 务必使用标准声明：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
- 禁用
shrink-to-fit=yes（Safari 私有属性，部分金立定制 ROM 会错误解析） - 避免
target-densitydpi（已废弃，Android 4.4+ 忽略，但旧金立 WebView 可能触发渲染 bug）
REM 布局需绕开金立系统字体强制缩放
金立部分机型（尤其学生机、老年机型号）在系统设置中默认开启「超大字体」或「简易模式」，会导致 html 根元素的 font-size 被系统级放大，进而让整个 REM 布局失准——按钮变小、文字溢出、间距崩塌。
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 不依赖纯 CSS 的
font-size: 100px，改用 JS 动态计算：function setRootFontSize() { const baseWidth = 375; // 设计稿宽度 const scale = Math.min(document.documentElement.clientWidth / baseWidth, 2); document.documentElement.style.fontSize = scale * 100 + 'px'; } setRootFontSize(); window.addEventListener('resize', setRootFontSize); - 在 CSS 中对关键文字加
text-size-adjust: 100%，防止系统缩放干扰 - 测试时打开金立「设置 → 显示 → 字体大小」，切到「超大」档位验证布局是否仍稳定
警惕快应用 SDK 的 DOM 注入干扰
金立是快应用联盟创始成员，其出厂 ROM 深度集成快应用框架。当用户访问某些 H5 页面（尤其是电商、资讯类），系统可能静默注入快应用 JS SDK，劫持 history.pushState、重写 location.href，甚至往 插入广告 div——表现为页面莫名卡顿、点击失效、底部弹出不可关闭浮层。
立即学习“前端免费学习笔记（深入）”；
- 检查页面加载后是否存在
<div id="quickapp-banner"> 或 <code>__QUICKAPP_SDK__全局变量 - 在初始化逻辑前加防护：
if (window.__QUICKAPP_SDK__) { console.warn('Detected quickapp SDK — disabling auto-injection'); window.__QUICKAPP_SDK__ = null; // 或移除已插入的 DOM 广告节点 } - 禁止在页面中使用
data-qa-开头的自定义属性，这是快应用识别并注入的常见钩子
真正难处理的不是金立某款机型，而是它背后那套未公开的 ROM 行为逻辑：WebView 不升级、系统字体策略激进、快应用 SDK 静默驻留。适配不是调参数，而是先确认「当前页面到底在谁的控制下运行」。
