iPhone

iPhoneで数字10桁を超えると表示がおかしくなる

iOSのバージョンが古いもので見ると、数字10桁を超えた部分の表示がおかしくなる謎の現象に悩まされていた。 原因は、Mobile Safariが数字のつらなりを電話番号と解釈して自動で<a>タグでマークアップしていたためだった。当該要素のaタグにつけていたcssが利い</a>…

Androidでvideoタグによる動画再生を実装する際の落とし穴

HTML5ではvideoタグにより、動画を簡単に埋込める。スマートフォンサイトで動画を埋込む方法は検索すれば、役に立つ情報を掲載しているサイトがいくつも出てくるので、詳しいことはそれらを参照してもらうとして、結論から言うと以下のタグでiPhoneおよびAnd…

labelタグを設定した領域が、iPhoneでタップしても反応しない件

フォームでは、ユーザーがクリック(タップ)しやすいように、labelタグを使用してinput要素を選択しやすくします。 <label><input type="radio" name="hogehoge" />これ</label> <label><input type="radio" name="hogehoge" />それ</label> <label><input type="radio" name="hogehoge" />あれ</label> - これ それ あれ とくにラジオボタンやチェックボックスでは重要。labelタグをつけてないと、ラジオボタンの丸い部分を狙…