iPhoneで入力欄にカーソルを合わせたとき、自動的に画面がズームアップする機能があります。ユーザー側としては、勝手に拡大表示されて面白いなぁと思っていました。ところが、Webページ提供側から見ると、「勝手に拡大するな」と言いたくなるときもあります。このiPhoneでの「勝手に拡大する」「拡大しない」の違いは一体何なのか、調べてみました。 まず、Google Chromeのエミュレータから、スマホ向けのレスポンシブデザインのページを動作確認してみました。Chromeのエミュレータからだと、入力欄にカーソルを合わせても拡大しません。これだと、iPhoneの自動ズーム問題に気付かないことがあります。実機での動作確認は絶対に必要です。「スマホ表示だから拡大する」のではなく、「iOSだから拡大する」というApple側の仕様です。 調べてみたところ原因は、「フォーム入力欄のフォントサイズが16px未
![iPhone(iOS)でtextareaやinputのフォーカス時にズームする理由と解決策](https://cdn-ak-scissors.b.st-hatena.com/image/square/31de27ce14c234f8f5e2caa3475257334d14ad8e/height=288;version=1;width=512/https%3A%2F%2Fzapanet.info%2Fblog%2Fimages%2F202006%2Fios_zoom.jpg)