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

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

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

2021年06月04日(金)

PV 84

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

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

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

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

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

Share プリーズ

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

※コメントは、サイト管理者による承認後、ページに表示されます。

あたたかい感想を書く

メールアドレスが公開されることはありません。

CAPTCHA


書き手は私

キタックCGSCコアメンバー

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