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

iOSのバージョンが古いもので見ると、数字10桁を超えた部分の表示がおかしくなる謎の現象に悩まされていた。
原因は、Mobile Safariが数字のつらなりを電話番号と解釈して自動で<a>タグでマークアップしていたためだった。当該要素のaタグにつけていたcssが利いて意図せぬ表示になってしまっていたのだ。
mobile safariで電話番号を自動解釈することは知っていたが、レイアウト崩れの原因がそれとは思い当たらなかった。表題のような現象として検索しても出てこなかったので、メモしておく。

対策としてはhead部分に下記のmetaタグを仕込む。

<meta name="format-detection" content="telephone=no" />