スマホでフォーム入力しようとするとズームしちゃう問題。
CSSで解決。
input{
font-size:16px;
}
select {
box-sizing: border-box;
width: 100%;
font-size: 16px;
}
.form input[type=text] {
box-sizing: border-box;
width: 100%;
font-size: 16px;
}
これでOK
meta viewportはこれで
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes">
ズームしちゃうと最近はスマホからのアクセスが大半だから気をつけたいところ。
問い合わせ時に少しでもストレスを与えてしまうのは避けられるのでこの対策はデフォルトですね。
コピペでLP作れちゃう情報をどんどん公開していきます。
Thank you! Bye!