拡大縮小もできてiPhoneでフォームにforcusしたときズームしないようにする
iOSのSafariには、 フォーム要素へフォーカスするとページ全体が拡大され、入力が終わっても拡大されたままという ありがた迷惑な独自仕様があります。 （ダブルタップやピンチインすると元の倍率に戻せますが、毎回なので煩わしい…） 以前、この現象を回避する方法として viewportでページを拡大できないようにして、フォーカス時に拡大しないようにする方法を紹介したのですが ピンチイン（アウト）での拡大縮小は許可したまま iPhone（iPad）でフォームにforcusしたときズームしないようにする方法もありました！ サンプル ※iPhoneでひらくと動作を確認できます 入力フォームのfont-sizeが関係していた iOS Safariの初期スタイルで、bodyの文字サイズが16pxになっているからでしょうか inputとtextareaの文字サイズが16px以上なら フォーカス時の自動拡
viewportでパソコン用のウェブサイトをiPad対応
PC用のウェブサイトをiPadでタテ表示にしたときも横表示にしたときも画面内に収める方法。 このメタタグでviewportのwidthを1024に固定するとちょうど良く調整できます。 <meta name="viewport" content="width=1024, maximum-scale=1, user-scalable=0"> initial-scaleで初期倍率を指定した状態だと、回転させた時スクロールが出たり、縮小し過ぎたりとハマったので 最初からinitial-scaleは省いておくのがポイント。 もちろん、元になるウェブサイトの幅が1024px以内に収まっているのが大前提です。 関連記事 拡大縮小もできてiPhoneでフォームにforcusしたときズームしないようにする iPhoneでフォームにforcusしたときズームしないようにする SSIのように外部ファイル化したパ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
