$ cat "dev63.hatenablog.com/entry/2023/03/23/003801.md"
// ブログエントリー — 2023/3/23

スマホで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;
}
ENTRY: dev63.hatenablog.com/entry/2023/03/23/003801.md
DATE: 2023/3/23
WORDS: 26