iOSでフォーム入力時時に、画面がズームされてしまう問題を対応する機会があったので、調べた内容をメモ。 サンプルコード まずは対応前のサンプルです。 <form> <div class="form-value"> <input type="text" name="text"> </div> <div class="form-value"> <select name="select"> <option value="">吉田優子</option> <option value="">千代田桃</option> <option value="">リリス</option> <option value="">陽夏木ミカン</option> </select> </div> </form> input[type="text"] { box-sizing: border-box; width: 100%
![iOSでフォーム入力時に画面がズームされる](https://cdn-ak-scissors.b.st-hatena.com/image/square/86dcb1a071c0008ee2ab81ea7d21a93efde48be3/height=288;version=1;width=512/https%3A%2F%2Fcly7796.net%2Fblog%2Fwp-content%2Fuploads%2F2014%2F12%2Fios.jpg)