diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css index b4c3d07..b964b96 100644 --- a/apps/web/src/styles.css +++ b/apps/web/src/styles.css @@ -1054,7 +1054,8 @@ input:focus-visible { padding: 0 3px; background: transparent; color: #27332f; - font-size: 13px; + /* iOS Safari auto-zooms editable controls below 16px when focused. */ + font-size: 16px; } .note-field input::placeholder { diff --git a/tests/e2e/08-兼容性/01-iOS视口.spec.ts b/tests/e2e/08-兼容性/01-iOS视口.spec.ts index 3f7dd01..21ad4c6 100644 --- a/tests/e2e/08-兼容性/01-iOS视口.spec.ts +++ b/tests/e2e/08-兼容性/01-iOS视口.spec.ts @@ -23,6 +23,8 @@ test.describe("iOS 视口兼容性", () => { await page.goto("/"); await page.getByRole("button", { name: "记一笔" }).click(); await expect(page.getByRole("region", { name: "快速记账" })).toBeVisible(); + await page.getByLabel("备注").click(); + await expect(page.getByLabel("备注")).toHaveCSS("font-size", "16px"); await expectNoHorizontalOverflow(page); await context.close(); });