Могу ли я получить высоту строки состояния и применить ее к HTML?

Question

Я делаю веб-приложение, и я использую cordova/phonegap.

У меня разные темы в этом приложении, и я хочу сделать изменение цвета в строке состояния с темой. Поэтому я решил сделать приложение полноэкранным с фиксированной прозрачной (полупрозрачной) строкой состояния, чтобы цвет изменился за ним. В HTML я добавил небольшой верх padding:20px для строки состояния.

Проблема заключается в том, что строка состояния не одинакового размера на всех устройствах Android, но я устанавливаю строку состояния 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; } 
} 

Этот метод работает на всех устройствах для Android, но не на iOS!