Skip to content

fix: 使用 CSS 变量实现聊天界面字体缩放#194

Open
h91312 wants to merge 2 commits intoqingchencloud:mainfrom
h91312:fix/chat-font-scale
Open

fix: 使用 CSS 变量实现聊天界面字体缩放#194
h91312 wants to merge 2 commits intoqingchencloud:mainfrom
h91312:fix/chat-font-scale

Conversation

@h91312
Copy link
Copy Markdown

@h91312 h91312 commented Apr 6, 2026

问题描述

聊天界面的字体大小是硬编码的(11px, 13px, 14px 等),导致设置中的字体缩放功能对聊天界面无效。用户无法根据自己的需求调整聊天文字大小。

修复方案

chat.css 中所有硬编码的 font-size 替换为 CSS 变量(--font-size-xs, --font-size-sm, --font-size-md 等),使其能够响应设置中的字体缩放。

变更内容

  • 文件:src/style/chat.css
  • 修改:所有聊天相关元素的字体大小改用 CSS 变量
  • 效果:设置中的字体缩放现在对聊天界面生效

测试

  • ✅ 本地开发模式测试通过
  • ✅ 字体缩放功能在聊天界面正常生效

截图

(请开发者自行测试验证)

h91312 added 2 commits April 6, 2026 17:10
- 将 chat.css 中所有硬编码的 font-size (11px, 13px, 14px 等)
  替换为 CSS 变量 (--font-size-xs, --font-size-sm, --font-size-md 等)
- 使设置中的字体缩放功能对聊天界面生效
将所有硬编码的 font-size 替换为 CSS 变量(--font-size-xs/sm/md/lg/xl),
使设置中的字体缩放功能对聊天界面完全生效。

修改涉及 58 处字体大小定义。
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant