レスポンシブ対応 ~電話番号のCSSが反映されない問題~


レスポンシブ対応していて、safariでのcssだけ反映されないという問題が起きたので、
対処法を記します。

状況をもう少し具体的にいいますと、
①電話番号が表示されず、②(電話番号記載の個所を)タップすると表示される。
という状態になりました。

結論として、head要素内で次のmeta要素を記述すればOKです。

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

参考リンク