Skip to content

iOSのテキスト入力時のオートズームを無効化#28

Merged
takecchi merged 1 commit into
mainfrom
fix/ios-input-autozoom
Mar 4, 2026
Merged

iOSのテキスト入力時のオートズームを無効化#28
takecchi merged 1 commit into
mainfrom
fix/ios-input-autozoom

Conversation

@takecchi

@takecchi takecchi commented Mar 4, 2026

Copy link
Copy Markdown
Owner

Summary

  • @supports (-webkit-touch-callout: none) を使い、iOS Safari のみを対象に
    input, textarea, selectfont-size1rem (16px) に設定
  • iOS Safari では font-size が 16px 未満の入力欄をタップすると自動ズームが発生するため、これを防止
  • macOS Safari やその他ブラウザには一切影響なし

@supports (-webkit-touch-callout: none) を使って iOS Safari のみに
font-size: 1rem を適用し、フォーカス時の自動ズームを防止する。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@takecchi takecchi merged commit 29c5ef7 into main Mar 4, 2026
4 checks passed
@takecchi takecchi deleted the fix/ios-input-autozoom branch March 4, 2026 18:48
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