Skip to content

顶栏字体不随字体大小缩放bug #4039

Description

@proxima03

你运行的 Kimi Code 版本是?

2.1.1

你使用的是哪个开放平台/订阅?

订阅

你使用的是哪个模型?

kimi-for-coding

你的电脑平台是?

linux

你遇到了什么问题?

在消息字体里面选择M,和S,观察顶栏字体大小(目前是不会跟着发生变化)

复现步骤?

在消息字体里面选择M,和S,观察顶栏字体大小(目前是不会跟着发生变化)

期望的行为是什么?

顶栏大小字体应当跟着消息字体大小一起变化(因为M->L->XL)都是一起变化的

补充信息

Image

AI 分析
根因:
字号体系整体由 CSS 变量驱动,但有两处例外写死 16px:

  1. 顶栏标题(index-zbwnJKhO.css):
    .tb-line { font-size: max(16px, var(--ui-font-size-xl)); } /* 16px 下限 */
  2. 移动端输入框(同文件,@media (max-width: 640px)):
    .composer-card { --composer-mobile-input-size: 16px; }
    /* 推测是为规避 iOS 聚焦自动放大;Android WebView 无此行为,
    导致安卓用户在任何档位下输入框都被钉在 16px */

建议:

  1. 两处收进字号变量体系,随档位缩放(iOS 防放大可改用 viewport 策略或
    仅 iOS 生效)。
  2. 附加建议:S/M/L/XL 档间差约 2px,小屏设备希望有档间细调能力。

附件 patch(用户侧 custom.css,验证"整体偏移、档位仍生效"可行):

:root {
  --ui-shift: calc(var(--base-font, 14px) - 14px - 1px);
  --md-shift: var(--ui-shift);
  --markdown-code-font-size: calc(.875rem * var(--markdown-font-scale) - 1px);
}
html[data-font-scale=small]  { --markdown-font-scale: calc(11 / 14); }
html[data-font-scale=medium] { --markdown-font-scale: calc(13 / 14); }
html[data-font-scale=large]  { --markdown-font-scale: calc(15 / 14); }
html[data-font-scale=xlarge] { --markdown-font-scale: calc(17 / 14); }
.tb-line.tb-line { font-size: var(--ui-font-size-xl); }
@media (max-width: 640px) {
  .composer-card.composer-card {
    --composer-mobile-input-size: var(--content-font-size);
  }
}

Contribution

  • 我愿意自己提交修复此 bug 的 PR(请先等待维护者在本 issue 中批准)

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions