ブログ

スマホのフォーム入力時に画面がズームされるのを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!


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

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

7/10に投稿した Yahoo検索で当たるで検索すると「当たる 占い aureole」のサジェストが出てくる件 この投稿で取り上げた「当たる 占い aureole」で検索すると当ブログが検索っかの10番目に表示されてました!!(2021/ …

「儲かる ギャンブルプロビジョン」で検索上位獲得!しかし、サジェストに儲かる ギャンブルprovision・・・

「儲かる ギャンブルプロビジョン」このキーワードでグーグル検索1番目にきました。(2021/08/10現在) けど、Yahooで上位表示されなければ意味がないんだけど・・・ Yahooとグーグルの検索エンジン同じはずなのに何故!? まだヤフ …

ビッグワードは上げるのが難しいからやるべき対策

カードローン 申込み 案内サーチ のキーワードはYahooの検索サジェストで カードローン と入力すると出てくるキーワードです。 カードローンというビッグワードを検索上位に表示させるのは至難の技なのですが、だからと言って対策しないのはもった …

仕事も振るから。友達だから安くして。これ言われたらストレートにこう返すべし!

webあるあるで「これからお付き合いしていきたいから今回安くして」「友達だから安くして」「はじめてだから安くして」とか言われる事って多くあると思うんですが、 こういう事言われたらはぐらかすんじゃなくきっぱり「これからお付き合いしていきたいな …

Yahooで薬剤師 求人 で出てくる 薬剤師 求人 転職ライブラリー​プラス

Yahooで薬剤師 求人 で出てくる 薬剤師 求人 転職ライブラリー​プラスをピックアップ まず、画像を貼り付けるので見てみましょう 薬剤師 求人 で検索する際に出てくるサジェストです。 このキーワードはおもしろいから 薬剤師 求人 系のサ …