모바일 헤더 색상 관련.. 채택완료
문의했었는데
안드로이드 경우
<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://search.naver.com/search.naver?sm=tab_hty.top&where=nexearch&query=theme-color+%EC%82%AC%ED%8C%8C%EB%A6%AC&oquery=theme-color&tqi=UAscgsp0JXVssjEN6ENssssstY4-092633">https://search.naver.com/search.naver?sm=tab_hty.top&where=nexearch&query=theme-color+%EC%82%AC%ED%8C%8C%EB%A6%AC&oquery=theme-color&tqi=UAscgsp0JXVssjEN6ENssssstY4-092633
https://www.google.co.kr/search?newwindow=1&source=hp&ei=sQcgXqXnMPK4mAWzg43gCQ&q=theme-color+%EC%82%AC%ED%8C%8C%EB%A6%AC&oq=theme-color+%EC%82%AC%ED%8C%8C%EB%A6%AC&gs_l=psy-ab.3...768.768..1595...0.0..0.123.123.0j1......0....2j1..gws-wiz.IMRWd48JDi8&ved=0ahUKEwjlg6Prw4fnAhVyHKYKHbNBA5wQ4dUDCAY&uact=5">https://www.google.co.kr/search?newwindow=1&source=hp&ei=sQcgXqXnMPK4mAWzg43gCQ&q=theme-color+%EC%82%AC%ED%8C%8C%EB%A6%AC&oq=theme-color+%EC%82%AC%ED%8C%8C%EB%A6%AC&gs_l=psy-ab.3...768.768..1595...0.0..0.123.123.0j1......0....2j1..gws-wiz.IMRWd48JDi8&ved=0ahUKEwjlg6Prw4fnAhVyHKYKHbNBA5wQ4dUDCAY&uact=5
답변에 대한 댓글 3개
2) 사파리 브라우저를 실행하시고, 메뉴바의 ‘Develop > Experimental Features’에서 ‘Dark Mode CSS Support’가 체크되어 있는지 확인합니다. 이 부분이 체크되어 있지 않으면 CSS 레벨 다크 모드가 적용되지 않습니다.
이것과 관련이 있지 않을까요?
https://www.imore.com/how-get-dark-mode-your-iphone-and-ipad
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
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">
이렇게 공지되어 있는 것까지 확인했는데도 안되더라구요..