아이폰에서 전화번호 링크 색 변경 문제

아이폰에서 전화번호 링크 색 변경 문제

반응형 웹을 만들다가 아이폰에서 전화번호가 보지이 않는 경우가 있었습니다.

보이지 않았던 이유가 아이폰에서 링크 색을 자동으로 변경했는데 배경색과 똑같아 보이지 않았습니다.

전화번호 안나옴

 

해결방법

메타 태그 작성

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

 

<a href="tel:전화번호">을 사용하면 모바일에서 전화번호를 클릭했을 때 전화번호로 연결됩니다.

<p class="txt">
      <span class="each">대표번호 <a href="tel:010-000-0000">010-000-000></a></span>
      <span class="each">팩스 <a href="tel:010-000-0000">010-000-000></a></span>
</p>

 

---

개인 공부용으로 만들었습니다. 
다른 분들에게도 도움이 되었으면 좋겠습니다. 
틀린 부분이 있으면 댓글을 남겨주시면 수정하겠습니다.