【css】スマホで入力項目（inputやtextarea）をフォーカスすると、入力フォームが自動で拡大する

hoge

スマホから、inputやtextareaの入力項目に入力しようとタップすると、領域がウニョーンと広がってしまう。最悪の場合、デザインが崩れる。

 

これは、font-sizeが関係している。

inputとtextareaの文字サイズが16px以上なら、フォーカス時の自動拡大が解除できる。

input,
select,
textarea{
	max-width:100%;/* お好みで */
	font-size: 16px;
}