Learning site for website creation

iPhoneでフォーム入力時に拡大される現象への対策

公開日:2021年06月19日 更新日:2021年06月19日

viewport指定に「user-scalable=no」を追加して対応。

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

元々画面を拡大させない設定のため推奨されなかったが、iOS10から「user-scalable=no」が無視されるようになり、ユーザの拡大は許可されている。

フォーム入力時の拡大を阻止し、ユーザの拡大は許可される。