Possiedo un sito con una modale. Quando viene cliccato un div, viene visualizzata la modale. C'è un input nel modale. Quando visualizzo il sito su un dispositivo mobile, ho un problema in cui, quando viene cliccato l'input, viene visualizzata la tastiera dell'iPhone. La modale sembra rimanere della stessa dimensione, ma se chiudo la tastiera dell'iPhone, la modal si restringe alle dimensioni dello schermo meno le dimensioni della tastiera.La tastiera dell'iPhone riduce le dimensioni modali per l'applicazione Web
5
A
risposta
2
Sembra esserci un bug con iOS e il rendering degli elementi position:fixed;
when using the virtual keyboards.
Si dovrebbe provare a cambiare il tuo modal per utilizzare position:absolute;
e vedere se questo corregge il problema.
È inoltre possibile provare il User Agent Sniffing method here.
0
È difficile dire senza vedere alcun codice, ma forse è necessario aggiungere il tag viewport meta?
Se non l'hai già fatto, provate questo:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
Problemi correlati
- 1. L'eliminazione della colonna non riduce le dimensioni del database
- 2. Come ottenere le dimensioni della tastiera software
- 3. Perché la cancellazione di un database SQLite non riduce le sue dimensioni?
- 4. Dimensioni tastiera iPad
- 5. Tastiera Android che riduce il viewport e gli elementi utilizzando l'unità vh nei CSS
- 6. La scrittura di troppi registri riduce le prestazioni dell'applicazione Android?
- 7. Visual Studio riduce le finestre sganciate
- 8. A volte le finestre di dialogo modali GTK non sono modali --- bug o funzionalità?
- 9. Fermare la tastiera iPad dal scorrendo la pagina web troppo
- 10. .NET: ThreadStatic vs lock {}. Perché ThreadStaticAttribute riduce le prestazioni?
- 11. Come implementare le scorciatoie da tastiera sui siti Web
- 12. La mappa di hadoop riduce il completamento per sempre
- 13. Nascondi la tastiera dopo le ricerche dell'utente?
- 14. dimensioni della tastiera che restituiscono valori errati?
- 15. Come centrare le immagini su una pagina Web per tutte le dimensioni dello schermo
- 16. Modo corretto di mostrare le viste modali consecutive
- 17. La schermata dell'app Web 8 di iOS si riduce dopo aver caricato l'app fotocamera
- 18. Redis: Mostra dimensioni/dimensioni del database per le chiavi
- 19. finestre di dialogo modali Jquery disattivare le barre di scorrimento
- 20. La migliore unità per le dimensioni dei caratteri nei CSS
- 21. jQueryUtilizzabile sulle righe della tabella le riduce mentre vengono trascinate
- 22. Dimensioni ottimali per le applicazioni per le applicazioni mobili
- 23. Quali sono le scorciatoie da tastiera cross-browser e cross-OS utilizzabili per l'applicazione Web?
- 24. Standard per dimensioni dello schermo nel web design
- 25. Come azzerare la memoria non utilizzata per ridurre le dimensioni dell'istantanea VM
- 26. Come eseguire il test di carico per le prese Web
- 27. Dimensioni migliori per i modelli di siti Web PSD?
- 28. La tastiera del sistema operativo Android sposta il contenuto del sito web verso l'alto?
- 29. Schema del database per applicazioni Web di grandi dimensioni
- 30. Come ottenere le dimensioni della tastiera di terze parti in iOS 8?
Si sta utilizzando posizione fissa e/o di bootstrap? Se è così, guarda [qui] (https://github.com/twbs/bootstrap/issues/9023) e [qui] (http://www.abeautifulsite.net/bootstrap-3-modals-and-the-ios- tastiera virtuale/). – IMI
Usando la posizione fissa ... Sto verificando se cambiandola in opere assolute ... incrociamo le dita – maudulus
@IMI in questo momento l'assoluto sembra funzionare, tranne che quando trascino sopra la sovrapposizione espone tutto sotto – maudulus