スマホでinputにカーソルが合った時、拡大してしまう挙動を抑える

スマホで input 要素にカーソルが合った時に自動的に拡大される挙動は、モバイルブラウザのデフォルトの動作であり、CSS だけでは直接的に制御することはできないらしい。

今回はmetaで簡単に挙動を抑えられるらしく実践してみた。

index.html

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