入力「テキスト」タグの自動ズームを無効にする - iPhone の Safari 質問する

入力「テキスト」タグの自動ズームを無効にする - iPhone の Safari 質問する

<input>のタグが付いた HTML ページを作成しましたtype="text"。iPhone の Safari を使用してそのページをクリックすると、ページが拡大表示されます (自動ズーム)。これを無効にする方法をご存知の方はいらっしゃいますか?

ベストアンサー1

ユーザーのピンチズーム機能を無効にせずに、ユーザー入力中に Safari がテキストフィールドを自動的にズームインするのを防ぐことができます。maximum-scale=1他の回答で提案されている user-scale 属性を追加して省略するだけです。

ズームすると「浮遊」するレイヤー内のフォームがあり、重要な UI 要素が画面外に移動してしまう可能性がある場合は、このオプションは役立ちます。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

おすすめ記事