Sto costruendo un portale web che deve essere funzionale e carino su più piattaforme. Una delle piattaforme è IOS Safari, e questo è dove ho riscontrato un problema. Nel mio codice allineo due pulsanti mobili alla parte inferiore di un div con una larghezza e un'altezza del 100% Funziona tutto bene e i miei pulsanti appaiono esattamente come dovrebbero essere in fondo alla pagina. Tuttavia quando clicco sui pulsanti, la vista compatta da Safari Safari passa a visualizzazione completa ei miei pulsanti sono nascosti dietro la barra di navigazione in basso!
È normale che Safari Mobile visualizzi il menu espanso quando l'utente tocca il 10% inferiore dello schermo? Come posso evitare questo?
In questa gif puoi vedere il problema sul simulatore IOS:
Come puoi vedere il problema si verifica solo quando un pulsante si trova nel 10% inferiore della vista. Questo è solo un pulsante normale, il mio codice è stato controllato da più sviluppatori e non ha errori.