スマホでform入力時にズームさせない方法

説明

入力時のフォームズームを無効にするには、フォントサイズを16px以上に設定するか、タグのviewport属性にuser-scalable=noとmaximum-scale=1.0を設定します。ただし、ユーザビリティを考慮すると、フォントサイズを大きくする方が推奨されます。

metaタグでの対応

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

cssでの対応

input, select, textarea {
  font-size: 16px;
}