ブログ

スマホのフォーム入力時に画面がズームされるのをCSSで解決

投稿日:

スマホでフォーム入力しようとするとズームしちゃう問題。

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!

関連記事

ブログで稼ぐ方法 初心者が始めるべきこと

Yahooで検索すると「ブログで稼ぐ方法 初心者」のサジェストキーワード(予測検索)が一番目にあるん …

初心者でもできる!ブログで毎月50万円稼ぐロードマップ

初心者でもできる!ブログで毎月50万円稼ぐロードマップ

今回は「ブログで毎月50万円稼ぐ」ための具体的なロードマップを初心者向けに解説します。 「ブログって …

先日投稿した「当たる 占い aureole」の検索結果に上がってきたので報告

7/10に投稿した Yahoo検索で当たるで検索すると「当たる 占い aureole」のサジェストが …

Yahoo検索で当たるで検索すると「当たる 占い aureole」のサジェストが出てくる件

前回「貴金属買取 まるか」で試してみましたが、、、 甘かった。。キーワードで出てくるサイトが強すぎた …

集客力を上げる方法は便乗に限る

集客力を上げたいと思ったら絶対にやることは便乗です。   プライドが・・・とか言ってたら初 …