2015-08-25 6 views
5

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

+0

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

+0

Usando la posizione fissa ... Sto verificando se cambiandola in opere assolute ... incrociamo le dita – maudulus

+0

@IMI in questo momento l'assoluto sembra funzionare, tranne che quando trascino sopra la sovrapposizione espone tutto sotto – maudulus

risposta

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