Modifica altezza vista sulla tastiera aperta android

Question

Sto sviluppando un'app ibrida con Cordova. Ho usato vh e vw per disegnare il mio disegno e ridimensionare tutto, in modo che le leggere differenze nelle dimensioni dello schermo funzionino bene. Il mio problema è che su Android, quando la tastiera apre il valore di vh cambia da schermo intero alla porzione dello schermo ancora visibile sopra la tastiera. Questo non si verifica su iOS.

Qualche idea su come aggirare questo? Devo cambiare totalmente la mia strategia di layout per usare un altro tipo di dimensione in css? Dovrei capire le dimensioni dello schermo, quindi impostare tutte le altezze con js (che sembra terribile)? Qualsiasi aiuto con le migliori pratiche sarebbe fantastico.

Grazie,

Scott

Answer 1

@media screen and (min-aspect-ratio: 1/1) { /* landscape styles here */}

@media screen and (max-aspect-ratio: 1/1) { /* portrait styles here */}

Questo è praticamente l'unico modo per affrontare questo. Oppure potresti provare ad usare solo la larghezza della finestra ed evitare l'altezza del viewport.

Here is a resource to look at might help as well