issue: Small scaling Issue on some items

问题场景

用户在 Open WebUI 中使用“设置 > 界面 > UI 缩放”（UI Scale）功能，将缩放比例设置为高于 1.0x（例如 1.2x）后，发现部分弹出菜单（Popup Menus）中的元素没有跟随缩放，而其他界面元素正常缩放。具体受影响的位置包括：左下角菜单、聊天列表中的三点菜单、以及顶部“聊天”标题处的三点菜单。缩放值越大，问题越明显。

报错原文

issue: Small scaling Issue on some items
UI Scaling should affect everything.
UI Scaling don't affect all items in the popup Menus.

原因分析

可能原因：未缩放的元素直接是按钮或链接（button/link），而已正确缩放的元素通常包裹在一个 div 容器内。这可能导致全局缩放样式（例如 font-size 比例或 transform 缩放）只作用于部分 DOM 层级，无法穿透到某些直接渲染的控件上。该推测来自 Issue 报告者，尚未得到维护者确认。

环境排查

• 确认 Open WebUI 版本是否为 v0.11.3 main 或最新 dev 分支（该问题在两者中均存在）。
• 确认浏览器版本（Chrome、Edge、Firefox 最新版均受影响）。
• 确认操作系统（Windows 11 下已复现）。
• 确认 Docker 安装方式是否为官方推荐配置。
• 检查“设置 > 界面 > UI 缩放”的实际值，确认是否大于 1.0x。

解决步骤

1. 在 Open WebUI 中打开“设置 > 界面”，将“UI 缩放”调整为 1.0x（默认值），确认问题是否消失——这可用于验证是否为缩放设置触发。
2. 若必须使用高缩放值，可暂时将浏览器页面的整体缩放配合使用（如 Ctrl + 滚轮），以缓解显示不一致。
3. 尝试切换到最新 dev 分支或等待后续 main 版本更新，以检查官方是否已修复该样式作用域问题。
4. 可优先尝试：在浏览器开发者工具中检查未缩放元素（按钮/链接）是否缺少继承样式，或手动修改 CSS（如强制应用 font-size 缩放），但这仅为临时验证手段，不建议作为长期方案。

验证方法

将“UI 缩放”设置为高于 1.0x（如 1.2x），重新打开左下角菜单或任意聊天的三点菜单，检查所有菜单项是否与整体界面缩放比例一致。若所有元素均等比缩放，说明问题已解决。

参考来源

open-webui/open-webui #29488

AI 工具推荐

想把多个 AI 模型放在一个入口？

GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型，适合写作、绘图、视频和日常 AI 工作流。

了解 GamsGo AI

推广链接：通过此链接购买，我可能获得佣金，不影响你的价格。