niwadesign

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

CSS講座 iPhone

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

投稿日:

form

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

-CSS講座, iPhone
-

執筆者:


comment

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

関連記事

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

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

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

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

スマホサイト(iPhone)のソースコード(htmlソース)確認方法

スマホサイトを制作する時に、たまに実機でjsの挙動などソースコード(htmlソース)を確認したい時があります。 そんな時、役に立つ小技をご紹介。 Bookmarklet(ブックマークレット)を使った方 …

no image

IE10以降にだけにCSSを適応するハック

最近あまりIE用のCSSハックを使うことが無くなったけど、どうしてもハックする必要がでてきたのでメモ。 @media all and (-ms-high-contrast:none){ .red { …

iPhone Safariのsubmitボタンのデザインを変更する方法

通常CSSでbackgroundやborder-radiusをかけることによってスタイルを定義することができますが、 iPhoneSafariの場合は最初にリセットする必要があります。 #hdSear …