根本原因是夸克劫持visualviewport缩放、拦截layout触发时机且css特性支持不全，导致hydration后dom与样式树不同步；需禁用layoutng等flag、清除缓存、注入viewport脚本、关闭硬件加速并切换兼容内核。
夸克浏览器打开网页时出现文字重叠、卡片塌陷、按钮错位或滚动条消失，根本原因是其劫持 visualViewport 缩放、拦截 layout 触发时机，且对现代 CSS 特性（如 :has()、container queries）支持不全，导致框架 hydration 后 DOM 与样式树不同步。
禁用 LayoutNG 等实验性渲染 Flag
① 在夸克地址栏输入 【quark://flags】 并回车访问实验性设置页。
② 在搜索框中依次输入并定位三项：LayoutNG、Scroll Unification、Preferred OOM Score。
③ 将这三项全部设为 【Disabled】——注意不是“Default”，必须手动点击下拉菜单选择“Disabled”项。
④ 滚动到底部，点击“重启夸克浏览器”按钮。这一步不可跳过，仅刷新标签页无效，必须等待进程完全退出后自动重开。
清除 JS 模块缓存与 hydration 快照
方法一：精准清除（推荐）
进入“设置” → “隐私与安全” → “清除浏览数据”。
勾选“缓存的图片和文件”、“Cookie 及其他网站数据”、“托管应用数据”三项，【时间范围必须选“所有时间”】，否则 Vite HMR 热更新残留缓存仍会干扰。
方法二：强制绕过缓存重载
在问题页面长按地址栏 → 点击“刷新”按钮旁的小箭头 → 选择“强制刷新”。该操作跳过 Service Worker 和内存缓存，直接向服务器请求 fresh HTML + JS bundle。
下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
注入 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 被篡改引发布局偏移。
关闭硬件加速并强制重绘
硬件加速在部分显卡驱动或系统环境下会干扰 Chromium 内核的页面渲染，导致 CSS 布局计算错误或 GPU 图层合成异常。
在夸克浏览器任意页面右上角点击“更多”（三个点图标）→ 选择“设置” → “高级设置” → “系统设置” → 找到“硬件加速”选项并关闭。
返回主页，长按地址栏左侧刷新按钮三秒以上，触发强制刷新（忽略缓存重载）。
切换内核渲染模式
夸克浏览器支持双内核切换（Blink 标准内核与兼容内核），部分老旧网页依赖 IE 时代 CSS 解析逻辑，启用兼容内核可绕过现代 CSS 特性冲突。
访问目标异常网页，在地址栏右侧点击“AA”图标（文本设置）→ 下滑到底部，找到“网页渲染模式”或“内核切换”选项 → 选择“兼容模式”。
页面将立即重新渲染，Flex/Grid 布局失效、浮动元素偏移等问题通常会同步恢复。
