2013-04-23 21 views
6

Ho alcuni elementi di una lista impostata min-height: 12em - per il tavolomin-height auto ignorati in iOS cellulare

Nel dimensionamento giù per tablet schermi/mobili voglio ripristinare questo: min-height: auto

Tuttavia iPad/iPhone sta ignorando questo e mantiene il 12em

ho anche impostato height: auto

+0

come stai cambiando questo proprietà per i dispositivi iOS? Funziona su Android? Senza ulteriori informazioni questo è solo un gioco di indovinelli. –

+0

Stai lavorando allo sviluppo di iphone in titanio? –

+1

Pubblica le tue query sui media css. –

risposta

10

utilizzare il seguente codice:

/* Desktop */ 
.listings.default li { 
    min-height: 12em; 
} 

/* Between Desktop and Tablet */ 
@media only screen and (max-width: 1200px) and (min-width: 768px) { 
    .listings.default li { 
     display: list-item; 
     min-height: inherit; 
    } 
} 

in modo da utilizzare al posto di inheritauto

Ho provato questo sul mio iPhone, ma con un altro media query .. Controllare this post per vedere alcune delle domande rivolte multimediali per dispositivi standard ..

+0

Grazie per quello - funziona perfettamente :-) – topiman

+0

Funziona come un fascino. Grazie!!! –

Problemi correlati