상태 표시 줄 높이를 가져 와서 HTML에 적용 할 수 있습니까?

Question

웹 앱을 만들고 코드/전화 갭을 사용하고 있습니다.

나는이 응용 프로그램에서 다른 테마를 가지고 있으며 테마로 상태 표시 줄의 색을 변경하고 싶습니다. 그래서 고정 된 투명 (반투명) 상태 표시 줄을 사용하여 앱을 전체 화면으로 설정하기 때문에 색상이 뒤쪽에서 변경됩니다. HTML에서는 상태 표시 줄에 작은 상단 padding:20px을 추가했습니다.

문제는 모든 안드로이드 장치에서 상태 표시 줄의 크기가 같지 않지만 상태 표시 줄 height:20px을 설정하지만 일부 장치에서는 20px가 아닙니다.

장치의 상태 표시 줄 높이를 가져 와서 HTML의 상태 표시 줄 높이에 적용 할 수 있습니까?

도움과 답변을 보내 주셔서 감사합니다.

Answer 1

내가 찾고있는 것을 찾았는데, 나는 초상화를 위해 3.90625vh를 사용했고, 풍경을 위해 6.94444vh를 사용했다. 내 CSS에 내가 가지고 :

@media screen and (orientation:portrait) { 
     .statusbar { height: 3.90625vh; } 
} 
@media screen and (orientation:landscape) { 
     .statusbar { height: 6.94444vh; } 
} 

이 방법은 모든 안드로이드 장치에서 작동하지만 iOS에서는 작동하지 않습니다!