사용자가 홈페이지에 추가하면 iPad/iPhone 레이아웃이 변경됩니다.

Question

iPhone/iPad에서 페이지의 메타 태그를 사용하여 주소 표시 줄을 삭제할 수 있습니다. 그러나 사용자가 '홈페이지에 추가 버튼'을 클릭하는 경우에만 작동합니다. 더 많은 정보 iPad WebApp Full Screen in Safari 사용자가 주소 표시 줄없이 페이지를 볼 경우 내가 약간 CSS를 변경하는 방법을 찾을 필요가

를 들어

(즉. 홈 페이지에서 사이트에 액세스.).

padding-top:64px; 

누구든지이 문제를 해결할 방법을 찾았습니까?

Answer 1

당신은 JS에서 window.navigator.standalone을보고 한 후, 예를 들어, standalone 클래스 요소 HTML에 설정, 그래서 당신은 페이지가 홈페이지에 추가 한 경우에만 적용 할 것입니다 귀하의 CSS에 다음과 같은 규칙을 추가 할 수 있어야합니다

을

.standalone .yourElement { 
    padding-top: 64px; 
}