<a href=”tel:0000000000″>のリンクをタップして電話をかけるような処理は、特にスマホサイトを中心によく利用するのではないかと思いますが、iOSの場合、電話番号リンクを指定回数タップすることで「このwebサイトから自動的に電話をかけることは禁止されています。」のアラートが表示されることがあります。
続きを読む

MacのiTunesで行なったiOSのバックアップデータを削除する方法のご紹介です。

スマホの利用状況にもよりますが、iOSのバックアップファイルは結構容量を喰うので、不要なバックアップがないかを定期的にチェックして削除すると良いです。
続きを読む

ページ内の数字のかたまりがiPhoneのSafariでは電話番号として認識され、自動でリンクが貼られてしまうのを防ぐ方法のご紹介です。
続きを読む

企業サイトなどでは、HTML ファイル上に電話番号をテキストで記述することも多いと思いますが、

PC では問題なくても、iPhone から見ると自動で電話番号（や、それっぽい数値テキスト）にリンクが貼られてしまうので、勝手にリンクされないようにmeta タグで防止する方法のご紹介です。
続きを読む

iOS でテキストフォームをタップしてフォーカスした時、ページ（の文字サイズ）が拡大表示される問題を回避する方法のご紹介です。
続きを読む

スマホサイトを構築する上で厄介なのが「実機での動作検証」です。

細かい動きは実機を使って厳密にチェックする必要がありますが、レイアウトが崩れていないか？のチェックをするのであれば、iPhone用の無料シミュレータ「iPhoney」を使うと便利です。
続きを読む

スマホサイトでリンクをタップすると、iPhone（iOS）ならリンク周りにグレーの影が、Android であればリンクの周りにオレンジの枠 が表示されると思います。

このグレーの影やオレンジの枠（ハイライト表示）をCSS の -webkit-tap-highlight-color で無効にしたり、ハイライトカラーを変更する方法をまとめました。
続きを読む

iPhone など向けにスマホサイトを作っていると「端末を横にすると、文字が拡大表示されちゃう！」と困った経験があるかもしれませんが、

CSS の -webkit-text-size-adjust:100% を使って端末横回転時の文字拡大表示を防ぎます。
続きを読む