キタックCGソリューションセンター

自分で触りたいWeb担のためのTips集

【CSS】iOSでフォーム要素触ると自動拡大されちゃう時は

2021年06月04日(金)

1

0

PV 25

iOS(iPhone)で、フォームのテキスト入力欄とかセレクトボックスのプルダウンを触ると、いちいち拡大されちゃう時ありますよね。これを禁止する実装メモです。

フォントサイズを16px以上にする

結論。フォントサイズを16px以上に設定しておけば自動拡大されません

16px未満だと、iOSが気を利かせて拡大させちゃうんですね。
なので、禁止するには、CSSで16pxに設定してあげましょう。

input, textarea, select {
font-size : 16px;
}

Share プリーズ
書き手は私

よろしければどうかご感想を!

この記事のタイトル
【CSS】iOSでフォーム要素触ると自動拡大されちゃう時は
感想を送るノート
お名前必須
メールアドレス必須
ご意見・ご感想必須

ご入力いただいた内容は、当社プライバシーポリシーに基づき厳重に管理いたします。メールの返信以外には使用しません。プライバシーポリシーに同意の上、お進みください。


表示された5文字の英数字を入力してください。

確認画面はありません。
いったんページの上部に戻りますが、問題なく送信されます。

キタックCGSCコアメンバー

  • 樋口大輔
  • 小林将太
  • ちゃんまき
  • 高橋どらみ
  • 高橋皓一
  • 笠井
  • 石本
  • 佐藤サバ美
  • こめ
  • 佐久間尭