如何解决宙斯浏览器在分屏模式下的显示比例失调？

宙斯浏览器的分屏显示比例失调问题，说白了，就是分屏窗口没被当成一个独立的“视口”来对待。这导致浏览器依赖的CSS媒体查询失效，viewport响应逻辑中断，Chromium的渲染管线也懒得去重排重绘。结果就是：网页内容被横向压缩、文字模糊、按钮错位，或者滚动条乱飘。

要解决这个问题，不能指望系统自动适配，得手动干预。

强制注入动态viewport适配脚本

问题核心在于，分屏时系统返回的window.innerWidth和window.innerHeight，往往还是全屏的值，而不是实际分配的区域。所以，必须手动覆盖视口声明，让它匹配当前分屏的真实宽度。

做法很简单：

1、确保目标网页已经加载完成；

2、在地址栏长按，选择“编辑网址”，清空原有内容；

3、粘贴以下代码并回车执行：
ja vascript:(function(){var w=window.screen.width/2;var h=window.screen.height;var m=document.querySelector('meta[name="viewport"]');if(m)m.setAttribute('content','width='+w+', initial-scale=1.0, maximum-scale=1.0, user-scalable=no');else{m=document.createElement('meta');m.name='viewport';m.content='width='+w+', initial-scale=1.0, maximum-scale=1.0, user-scalable=no';document.head.appendChild(m);}})();

这段代码会自动根据当前设备屏幕宽度除以2，生成分屏适配宽度。不过，

；

4、刷新页面，看看比例是否恢复正常。

启用分屏感知实验性标志

宙斯浏览器默认没有开启对Android 12+及Windows 11多窗口API的主动监听，所以需要手动激活底层分屏适配模块。

方法一：启用窗口尺寸监听开关

1、地址栏输入zeus://flags并回车；

2、搜索关键词multi_window_viewport；

3、将该选项设为Enabled；

4、点击页面底部Relaunch按钮重启浏览器——

。

方法二：强制绑定resize事件监听器

1、进入设置→高级→开发者选项，启用“允许运行自定义JS脚本”；

2、新建自定义脚本，内容为：
if ('onresize' in window) { window.addEventListener('resize', () => { document.body.style.transform = 'scale(1)'; }); }

3、保存并启用该脚本；

4、切换到分屏模式，网页就能自动响应尺寸变化，并重置缩放。

清除分屏缓存与UI状态记录

宙斯浏览器会为不同窗口模式缓存独立的布局计算结果。分屏首次启动时，如果复用了竖屏的缓存，Flex或Grid容器的宽度计算就会出错。

第一步：清除窗口模式专属缓存

1、点击右上角三个点→设置→隐私与安全→清除浏览数据；

2、时间范围选“所有时间”，勾选“缓存的图片和文件”“Cookie及其他网站数据”“网站偏好设置”；

3、点击“清除数据”；

第二步：重置分屏UI缩放配置

1、关闭所有宙斯浏览器窗口；

2、在文件管理器中定位到/data/data/com.zeus.browser/shared_prefs/；

3、找到名为window_mode_prefs.xml的文件并删除；

4、重新启动浏览器，首次进入分屏时，会重建UI缩放映射表。

切换至软件渲染模式规避GPU合成偏差

当GPU驱动没有正确上报分屏Surface尺寸时，硬件加速会把渲染帧输出到错误的坐标系，导致DOM层和Canvas层比例不一致。

① 点击右上角三个点→设置→系统；

② 关闭“使用硬件加速”开关；

③ 进入Android任务管理器，彻底滑掉宙斯浏览器进程；

④ 重新打开浏览器，进入分屏模式测试；

⑤ 如果还有轻微拉伸，可以进一步在zeus://flags中搜索software_rasterizer，设为Enabled并重启。