ブログ

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

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

関連記事

カードローン 申込み ベストガイドを調べてみた

「カードローン 申込み ベストガイド」 Yahooで検索するとずら〜っと並ぶこの「カードローン 申込み ベストガイド」のキーワード この検索結果を見るだけでも金融系のキーワードは需要が高いのがわかります。 金融系のキーワードを攻略するにはど …

サラリーマンの副業で確実に稼げる方法。むしろサラリーマンだから稼げる!

サラリーマンの副業で確実に稼げる方法お伝えします。 サラリーマンとタイトルに付けましたが、正しくは会社員の方です。 なぜ会社員だから稼げるのかよーく考えてみてください。 会社員というだけで社会的に地位があります。 会社員だから信用も実績もあ …

サイトが検索しても表示しない。投稿した記事が検索でヒットしないときのお役立ちサイト

webサイトを作っている人ならだいたい知ってると思いますが Google Search Console(グーグルサーチコンソール) https://search.google.com/search-console/welcome Googl …

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

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

上げやすいキーワード狙い!「ゴミ回収戦隊 エコレンジャー」

上げやすいキーワードで狙っていきます。 ゴミ問題はなかなか難しい問題ですが需要がかなりある商売ですので注目ですね。 Yahoo検索でゴミで検索すると「ゴミ回収戦隊 エコレンジャー」のサジェストが出てきます。 SEOを熟知している者からすると …