모바일 헤더 색상 관련..
본문
문의했었는데
안드로이드 경우
<meta name="theme-color" content="#ff0000">
이렇게 하면 색이 들어가지는 걸 확인이 되는데..
아이폰 경우
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content = "black-translucent">
이렇게 사파리에서 봤는데 안 바뀌네요 ...
혹시 아이폰경우 메타태그 외에 또 해줄 것이 있는 건가요?
아니면 뭘 잘못 쓴 걸까요 ..?
답변 1
검색이 빠르지 않을까요?
검색을 했는데도 해결이 안 되서 글을 남겼던 부분입니다.
https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html
애플 개발자 센터에도
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content = "black-translucent">
이렇게 공지되어 있는 것까지 확인했는데도 안되더라구요..
https://macinjune.com/all-posts/mac/tip/%EB%A7%A5-%EC%82%AC%ED%8C%8C%EB%A6%AC-css-%EB%A0%88%EB%B2%A8-%EB%8B%A4%ED%81%AC-%EB%AA%A8%EB%93%9C-%EC%A7%80%EC%9B%90-%EC%84%A4%EC%A0%95-%EB%B0%A9%EB%B2%95/
2) 사파리 브라우저를 실행하시고, 메뉴바의 ‘Develop > Experimental Features’에서 ‘Dark Mode CSS Support’가 체크되어 있는지 확인합니다. 이 부분이 체크되어 있지 않으면 CSS 레벨 다크 모드가 적용되지 않습니다.
이것과 관련이 있지 않을까요?
https://www.imore.com/how-get-dark-mode-your-iphone-and-ipad
ios 버전에 따라서도 적용 방법이 다른 듯 한데요.
