Robím webovú aplikáciu a používam cordova / phonegap.
Mám rôzne témy v tejto aplikácii a chcemzmeniť farbu stavového riadka s témou. Tak som sa rozhodol urobiť celú obrazovku s pevným transparentným (priesvitným) stavovým riadkom, aby sa farba zmenila za ním. V kóde HTML som pridal malý vrch padding:20px
pre stavový riadok.
Problém je, že stavový riadok nemá rovnakú veľkosť na všetkých zariadeniach so systémom Android, ale nastavil som stavový riadok height:20px
ale na niektorých zariadeniach to nie je 20px!
Môžem získať výšku stavového riadku zariadenia a použiť ho na výšku stavového riadka v HTML?
Ďakujeme za pomoc a odpoveď!
odpovede:
1 pre odpoveď č. 1Našiel som, čo som hľadal, prišiel som s použitím 3.90625vh pre portrét a 6.94444vh pre krajinu. V mojej css mám:
@media screen and (orientation:portrait) {
.statusbar { height: 3.90625vh; }
}
@media screen and (orientation:landscape) {
.statusbar { height: 6.94444vh; }
}
Táto metóda funguje na všetkých zariadeniach so systémom Android, ale nie na iOS!