根本原因是系统分屏视口宽度跳变与夸克劫持visualViewport缩放逻辑冲突，需先确认分屏状态并触发适配开关，再依次执行viewport锁定脚本、禁用智能排版、关闭硬件加速、清除缓存并重启。
夸克浏览器在iPad或安卓平板上打开网页时，文字重叠、卡片塌陷、侧边栏消失、内容横向溢出，根本原因是系统分屏视口宽度跳变与夸克劫持visualViewport缩放逻辑冲突，导致Flex/Grid容器尺寸计算错误、CSS断点失效、字体加载中断；需先确认分屏状态并触发适配开关，再依次执行viewport锁定脚本、禁用智能排版、关闭硬件加速、清除缓存并重启。
确认分屏环境并触发适配开关
用手指从屏幕右侧边缘向左滑动调出多任务栏，拖拽夸克窗口至左侧或右侧后松手；此时观察地址栏右侧“AA”图标是否灰显或点击无响应——【若图标不可点，说明夸克未识别分屏状态，后续所有设置均无效】。必须先完成这一步，否则注入脚本、切换模式都起不到作用。
手动注入viewport锁定脚本
方法一：当前标签页临时修复
① 确保网页已完全加载，点击地址栏，将光标置于最前端，清空URL内容。
② 粘贴以下代码并回车执行：javascript:(function(){const v=document.querySelector('meta[name="viewport"]');if(v)v.setAttribute('content','width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover');else{const n=document.createElement('meta');n.name='viewport';n.content='width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover';document.head.appendChild(n);}})();
③ 【执行后必须立即刷新页面，否则脚本不生效】。
④ 若刷新后仍变形，说明网页内联了动态viewport修改逻辑，需进入下一步。
方法二：绕过夸克缩放劫持监听器
再次点击地址栏，粘贴并执行：javascript:(function(){document.addEventListener('DOMContentLoaded',()=>{window.visualViewport&&Object.defineProperty(window.visualViewport,'scale',{get:()=>1,set:()=>{}});});})()。这行脚本会拦截夸克对visualViewport.scale的篡改，强制锁定为1.0。
关闭智能排版与字体自适应
点击地址栏右侧“AA”图标→关闭“智能排版”和“字体自适应”两个开关→返回网页，双指轻捏缩放一次再松开（触发layout重排）→观察导航栏高度和段落行距是否恢复正常。
禁用LayoutNG等实验性渲染Flag
① 在夸克地址栏输入quark://flags并回车访问实验性设置页。
② 在搜索框中依次输入并定位三项：LayoutNG、Scroll Unification、Preferred OOM Score。
③ 将这三项全部设为【Disabled】——注意不是“Default”，必须手动点击下拉菜单选择“Disabled”项。
④ 滚动到底部，点击“重启夸克浏览器”按钮。这一步不可跳过，仅刷新标签页无效，必须等待进程完全退出后自动重开。
清除JS模块缓存与hydration快照
方法一：精准清除（推荐）
进入“设置” → “隐私与安全” → “清除浏览数据”。勾选“缓存的图片和文件”、“Cookie及其他网站数据”、“托管应用数据”三项，【时间范围必须选“所有时间”】，否则Vite HMR热更新残留缓存仍会干扰。
方法二：强制绕过缓存重载
在问题页面长按地址栏 → 点击“刷新”按钮旁的小箭头 → 选择“强制刷新”。该操作跳过Service Worker和内存缓存，直接向服务器请求fresh HTML + JS bundle。
