夸克浏览器文字重叠是因visualViewport缩放劫持、LayoutNG渲染干扰及GPU光栅化冲突所致;需禁用LayoutNG等三项实验Flag、关闭硬件加速、注入viewport脚本、清除CSS缓存并切换兼容内核退出阅读模式。

夸克浏览器打开网页时文字重叠在一起,不是字体设置错误或网页代码问题,而是其渲染链路中 visualViewport 缩放被劫持、LayoutNG 实验性渲染器干扰盒模型计算,以及硬件加速与GPU光栅化路径冲突共同导致的布局塌陷。
禁用 LayoutNG 等实验性渲染 Flag
① 在夸克地址栏输入 【quark://flags】 并回车,进入实验性设置页。
② 依次搜索并定位三项:LayoutNG、Scroll Unification、Preferred OOM Score。
③ 将这三项全部设为 【Disabled】——注意不是“Default”,必须手动点击下拉菜单选择“Disabled”项。
④ 滚动到底部,点击“重启夸克浏览器”按钮。这一步不可跳过,仅刷新标签页无效,必须等待进程完全退出后自动重开。
关闭硬件加速并强制重绘
硬件加速在部分显卡驱动或高DPI屏幕上会破坏 flex 容器内子元素的尺寸计算逻辑,导致段落行高归零、文字垂直堆叠。关闭后浏览器回落至软件渲染路径,可绕过GPU图层合成异常。
点击左上角头像 → “设置” → “高级设置” → “系统” → 关闭“硬件加速”开关 → 彻底退出夸克进程(安卓滑掉任务、iOS上滑关闭、Windows/macOS右键任务栏图标选“退出”)→ 重新启动。
注入 viewport 锁定脚本阻断缩放劫持
方法一:执行 viewport 重置脚本
在夸克中打开问题网页 → 点击地址栏清空内容 → 粘贴以下代码并回车执行:
javascript:(function(){var meta=document.querySelector('meta[name="viewport"]');if(meta){meta.content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no";}else{meta=document.createElement('meta');meta.name="viewport";meta.content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no";document.head.appendChild(meta);}})();
这一步能立刻覆盖夸克动态插入的非 1 缩放值,防止 hydration 后 transform 被篡改引发布局偏移。
方法二:启用“网页适配优化”模式
点击右上角三个点 → “网页适配” → 切换至“智能适配”;若未显示该选项,先点“更多工具”再找。
清除 CSS 样式缓存与渲染快照
第一步:进入“设置” → “隐私与安全” → “清除浏览数据”。
第二步:勾选“CSS样式缓存”、“渲染快照”、“托管应用数据”三项。
第三步:时间范围必须选“所有时间”——否则旧快照残留会继续干扰新布局计算。
第四步:点击“清除数据”,完成后彻底退出夸克进程,再重新启动。
切换为兼容内核并退出阅读模式
部分机型在 Blink 标准内核下对 line-height 和 vertical-align 的解析存在偏差,尤其影响多行段落堆叠。阅读模式则会剥离原始 HTML 语义结构,导致排版锚点丢失。
点击地址栏左侧的 【AA】 图标 → 滑到底部 → 选择“兼容内核” → 等待页面刷新完成 → 再点击同一位置 → 选择“退出阅读模式” → 确认顶部状态栏已消失、滚动条恢复正常、原网页广告和侧栏重新出现。



















