※ ChatGPTを利用し、要約された質問です(原文:iPhoneサイトのフォームを拡大したら戻らない)
iPhoneサイトのフォームを拡大して縮小できない問題について
このQ&Aのポイント
スマートフォン向けサイトのHTMLをコーディングしています。会員登録フォームのページです。
フォーム欄に入力しようとすると、自動的にページが拡大されます。しかし、一度拡大されると再度縮小することができず、画面が左右にぶれてしまい操作がしづらくなります。
user-scalable=noとすると拡大はしないのですが、フォームの入力欄が小さすぎて見づらくなります。HTMLは横幅を指定しないグリッドレイアウトで、CSSではフォームの横幅を最大200pxに指定しています。
スマートフォン向けサイトのHTMLをコーディングしています。
会員登録フォームのページです。
フォーム欄に入力しようとすると、自動的にページが拡大されます。
一度拡大されてしまうと、一旦ページを落として再度開かないと縮小できません。
そのため、拡大された状態なので画面が左右にぶれてしまい、
下方向への操作がしづらくなります。
ユーザーにタッチして縮小してもらう他方法はないでしょうか?
ちなみにメタタグに以下のように記述しました。
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, maximum-scale=1.5, minimum-scale=1.0, ">
user-scalable=noとすると拡大はしないのですが、
フォームの入力欄が小さすぎて見づらくなります。
HTMLは横幅を指定しないグリッドレイアウトです。
CSSはfont-size: 10pt;
他はフォームの横幅を最大200pxに指定している程度の
シンプルなページです。
お礼
お礼を二年も放置していて大変申し訳ありません!!!! ご回答ありがとうございました。