niwadesign

ホームページ制作のネタ発信

CSS講座 iPhone

iPhoneのフォームでフォーカスがズームされるのを防ぐ方法

投稿日:

form

スマホ用のサイトを作っている時にフォームのテキストフィールドやセレクトをタップすると、画面がズームされることはありませんか?
そんな時はフォントサイズを16px以上にするとズームされるとこなく、入力することが出来ます。

-CSS講座, iPhone
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

スマホサイト(iPhone)のソースコード(htmlソース)MacのSafariで確認する方法

前回ブックマークレットを使ってのソースコードの確認方法を紹介しましたが、 今回はMacのSafariを使ってのソースコードの確認方法をご紹介します。 ■iPhoneの設定 設定 > Safari > …

幅いっぱいのスマホサイトのメニューで1pxのボーダーを追加する方法

基本的にスマホサイトを作る際はリキッドレイアウトにすることが多いと思う。 その際1つ1つの要素に対して%(パーセント)指定をするが、1pxのボーダーを要素の間にいれようと思うと、 これがなかなかうまく …

バンカーリングを1年半使ってみた感想

約1年半前にiPhone6 Plusを購入した際にあわせてバンカーリングを購入しました。 今でもPlusのサイズに馴染めず後悔しているが、バンカーリングのおかげである程度使用感がマシになった。 次回は …

[CSS]iPhoneのSafariで背景画像のposition: fixed;が効かない時の対処法

スマホ用のサイトを制作中にiPhoneのSafariで背景画像のposition: fixed;が効かなかったので、それの対処法の備忘録。 この「ああああああ」のボックスが上のメインビジュアルの上を移 …

パーセント(%)指定したボックスにボーダーを指定する方法

最近はスマホサイトの制作も増え、ボックスの幅をパーセント(%)指定することが増えてきました。 その際にボックスにボーダーを追加するとボーダー分幅が広くなりカラム落ちすることがあります。 そんな時は、ボ …