你的夸克在平板上分屏时，文字堆成一团、卡片缩成一坨？

别急着摔设备，咱们先搞清楚根因——系统分屏的视口宽度跳变，加上夸克对 visualViewport 缩放逻辑的劫持，两者撞车。

这直接导致 Flex/Grid 容器尺寸算错、CSS 断点失效、字体加载中断。

要解决，得按顺序来：

• 确认分屏状态
• 触发适配开关
• 然后依次执行 viewport 锁定、关闭智能排版、关硬件加速、清缓存重启

具体现象：文字重叠、卡片塌陷、侧边栏消失、内容横向溢出。

根源还是刚才说的——视口跳变加缩放劫持。

确认分屏环境并触发适配开关

第一步：从屏幕右边缘向左滑，调出多任务栏，把夸克窗口拖到一侧。

然后看看地址栏右侧的“AA”图标——如果它是灰色的或者点了没反应，说明夸克压根没识别出你在分屏。

后面所有操作都白搭。 这一步必须先做，否则脚本注入、模式切换全是徒劳。

手动注入 viewport 锁定脚本

方法一：临时修复当前标签页

① 等网页完全加载后，点地址栏，清空 URL，粘贴下面这段代码，回车执行：

ja vascript:(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 修改逻辑，那就用方法二。

方法二：绕过夸克缩放劫持监听器

再次点击地址栏，粘贴并执行：

ja vascript:(function(){document.addEventListener('DOMContentLoaded',()=>{window.visualViewport&&Object.defineProperty(window.visualViewport,'scale',{get:()=>1,set:()=>{}});});})()

这行脚本会拦截夸克对 visualViewport.scale 的篡改，强制锁定为 1.0。

关闭智能排版与字体自适应

接下来，点地址栏右侧的“AA”图标，把“智能排版”和“字体自适应”两个开关都关掉。

回到网页，用双指捏一下再松开（触发 layout 重排），看看导航栏高度和段落行距是否恢复正常。

这一步之所以关键，是因为夸克 HD 版在分屏时 innerWidth 会频繁跳变（比如 744px→667px→744px）。

智能排版根据这个反复重写 body.style.fontSize，样式层直接乱套。

禁用硬件加速并强制刷新

然后进入设置：更多 → 设置 → 高级设置 → 系统设置，关闭“硬件加速”。

回到搜索首页，在地址栏左侧长按刷新按钮三秒以上，触发强制刷新。

这一步是为了回退到稳定的软件渲染路径，避免 GPU 图层合成异常导致的 z-index 错乱或 Grid 容器尺寸失真。

清除专属缓存与重启进程

最后一步：进入设置 → 隐私与安全 → 清除浏览数据。

勾选“缓存的图片和文件”、“Cookie 及其他网站数据”、“托管应用数据”，时间范围务必选“所有时间”。

清完后，彻底退出夸克进程（别只关标签页），重新启动，再访问原网页。

《夸克》非常好用的免费AI浏览器

下载APP查看