Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

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

Aperta Adatta ai principianti
  • Qualcosa non va?
#4,039 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
68/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
css
Ambito
frontend

Direzione di ricerca

Inizia riproducendo il problema su Linux con Kimi Code 2.1.1: cambia il carattere dei messaggi tra S e M e confronta il testo della barra superiore. Ispeziona le regole generate di index-zbwnJKhO.css per .tb-line e la regola mobile .composer-card, quindi risalI alla loro origine, se disponibile. Il lavoro è completato quando il carattere della barra superiore segue la scala delle dimensioni dei messaggi selezionata senza compromettere il comportamento dell’input mobile.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

bug
你运行的 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 中批准）
Lingua principale
TypeScript
Stelle
7.5k
Fork
1.2k
Merge medio
12h 48m
PR unite (30g)
315

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di MoonshotAI/kimi-code

Tutte le issue di MoonshotAI/kimi-code

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.