iOS で input の focus 時にズームインしてしまうのを viewport で解決する

テクノロジーカテゴリーの変更を依頼記事元:zenn.dev/rhirayamaaan

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

8users がブックマークコメント 1

ゲスト

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

iOS で input の focus 時にズームインしてしまうのを viewport で解決する

8 users zenn.dev/rhirayamaaan

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント1件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

ゲスト

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

[<a href="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fzenn.dev%2Frhirayamaaan%2Farticles%2Ff0209ad6574ed4">フレーム</a>]

プレビュー

[フレーム]

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック!

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました!

さんが1番目にブックマークした記事「iOS で input の f...」が注目されています。

気持ちをシェアしよう

ツイートする

iOS で input の focus 時にズームインしてしまうのを viewport で解決する

2024年04月17日追記この記事の結論としては maximum-scale=1.0 にすることとなっていますが、これはアクセ... 2024年04月17日追記この記事の結論としては maximum-scale=1.0 にすることとなっていますが、これはアクセシビリティ違反となる対応方法です。自戒の意を込めまして記事自体はそのまま残しておきますが、もしこの対応をされた方は再度対応を見直していただき、もしこの対応を継続する場合はアクセシビリティ違反であることを念頭に置いていただければ幸いです。参考: https://developer.mozilla.org/ja/docs/Web/HTML/Viewport_meta_tag#maximum-scale こんにちは。ひらやま(@rhirayamaaan)です。 Web を作っているときに input タグや textarea タグで入力領域を作ることがあるかと思います。実装をし、いざ確認をしてみると、iOS のときに入力しようとした際に少しばかりズームインしてしま