아이 패드 - 사파리 상태 표시 줄이 iPad에서 전체 화면을 할 수 있도록 다음과 같은 두 가지 메타 태그를 사용하여 진정한

Question

웹 페이지에 사과 모바일 웹 응용 프로그램 가능한 세트 웹 페이지의 일부를 다룹니다

<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 

문제 이제 브라우저의 상태 표시 줄에 웹 페이지의 머리글이 표시됩니다. 어떻게 피할 수 있습니까? 상태 표시 줄은 투명하지만 해결책이 아니므로 더 이상 클릭 할 수없는 웹 페이지의 머리글에 일부 링크가 있습니다.

Answer 1

콘텐츠를 "검은 색 반투명"로 설정하면 상태 표시 줄이 약간 투명 해져 웹 응용 프로그램의 맨 위에 배치됩니다. 상단에 텍스트가 있으면이 옵션을 원하지 않을 것입니다.

대신을 시도해보십시오

<meta name="apple-mobile-web-app-status-bar-style" content="black"> 

또는이 :

<meta name="apple-mobile-web-app-status-bar-style" content="default">