タグ

ブックマーク / webdev.jp.net (1)

  • 拡大縮小もできてiPhoneでフォームにforcusしたときズームしないようにする

    iOSのSafariには、 フォーム要素へフォーカスするとページ全体が拡大され、入力が終わっても拡大されたままという ありがた迷惑な独自仕様があります。 (ダブルタップやピンチインすると元の倍率に戻せますが、毎回なので煩わしい…) 以前、この現象を回避する方法として viewportでページを拡大できないようにして、フォーカス時に拡大しないようにする方法を紹介したのですが ピンチイン(アウト)での拡大縮小は許可したまま iPhoneiPad)でフォームにforcusしたときズームしないようにする方法もありました! サンプル ※iPhoneでひらくと動作を確認できます 入力フォームのfont-sizeが関係していた iOS Safariの初期スタイルで、bodyの文字サイズが16pxになっているからでしょうか inputとtextareaの文字サイズが16px以上なら フォーカス時の自動拡

    拡大縮小もできてiPhoneでフォームにforcusしたときズームしないようにする
  • 1