728x90
반응형
SMALL
분명히 color를 #ffffff;를 줬는데..
모바일 반응형에서 확인하니 안드로이드에서는 흰색으로 나오지만 iOS에서 검은색으로 나오는것이 아닌가..
이건 iOS의 자동 전화번호 링크 기능 때문이라고 한다.
웹페이지 내의 숫자 패턴을 전화번호로 인식하고 자동으로 링크를 생성하는데, 이때 기본 스타일이 적용되어
색상이 검은색으로 표시된다고 한다.
이때는, iOS가 자동으로 전화번호 링크를 생성하는 것을 막는 메타 태그를 추가한다.
<head> 섹션에 다음 메타태그를 추가한다.
<meta name="format-detection" content="telephone=no">
해결~
728x90
반응형
LIST
'JavaScript' 카테고리의 다른 글
| id 형식 정규식 체크 (0) | 2024.02.27 |
|---|---|
| FormData 값 console.log로 출력하기 (2) | 2023.12.31 |
| javascript 정규식으로 html 태그 제거 (0) | 2023.03.16 |
| javascript input 엔터쳤는데 자동 submit 되는 경우 해결 (0) | 2023.03.16 |
| a 태그로 파일 다운로드 받기(a href) (0) | 2023.03.14 |
