折叠屏手机展开后夸克浏览器导航栏错位等问题，源于系统两次viewport重计算而夸克未同步visualViewport缩放值，导致CSS断点与实际宽度不匹配、Flex容器尺寸冻结；须先确认设备处于真实展开状态（下拉通知栏显示“展开模式”），再禁用LayoutNG等三项实验性Flag并重启，接着注入viewport锁定脚本、关闭智能排版与字体自适应、切换桌面版网站并清除UA缓存。
折叠屏手机展开后夸克浏览器出现导航栏错位、地址栏被截断、底部工具栏偏移或网页内容横向溢出，是因为系统在折叠/展开瞬间触发了两次viewport重计算，而夸克未同步更新visualViewport缩放值，导致CSS媒体查询断点与实际物理宽度不匹配，Flex容器尺寸冻结在折叠态数值。
确认设备处于真实展开状态
用手指从屏幕顶部向下滑出通知栏，观察状态栏是否显示“展开模式”字样；若仅显示“折叠屏”但无状态提示，说明系统尚未完成display change事件广播，此时所有修复操作均无效。
这一步必须完成，否则后续所有设置都运行在错误的视口上下文中。
禁用实验性渲染Flag并强制内核重启
LayoutNG和Scroll Unification会在折叠屏多窗口场景下劫持layout触发时机，覆盖框架对display: flex容器的width计算结果，尤其影响导航栏图标间距与搜索框自适应宽度。
① 在夸克地址栏输入【quark://flags】并回车；
② 分别搜索并定位三项：LayoutNG、Scroll Unification、Preferred OOM Score；
③ 将这三项全部手动设为【Disabled】（不能选Default）；
④ 滚动到底部点击“重启夸克浏览器”，等待进程完全退出后自动重开。
注入动态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);}})();
执行后必须立即刷新页面，否则脚本不生效。
方法二：全局拦截缩放劫持
在夸克设置→高级设置→开发者选项中开启“允许运行本地JS”，然后访问任意网页时长按地址栏→选择“添加书签”→名称填“锁视口”，网址栏粘贴同上脚本→保存。此后每次点击该书签即可一键注入。
关闭智能排版与字体自适应
点击地址栏右侧“AA”图标→关闭“智能排版”和“字体自适应”两个开关→返回网页，双指轻捏缩放一次再松开（触发layout重排）→观察导航栏高度和段落行距是否回归正常。
【注意：不关闭这两项会导致夸克持续监听window.innerWidth变化，在折叠屏展开瞬间因innerWidth跳变（如从672px突变为1440px）引发样式层反复重绘错乱】
切换为桌面版网站并清除UA缓存
很多网页在检测到折叠屏UA时会加载一套精简排版逻辑（如rem适配库），而这套逻辑在展开后的宽屏下彻底失效。进入目标网页→点击地址栏左侧网站图标→选择“请求桌面版网站”→等待页面重载。
随后进入“设置”→“隐私与安全”→“清除浏览数据”，勾选“Cookie及其他网站数据”、“托管应用数据”，时间范围选“所有时间”，点击清除。
