2013-04-23 1 views
6

Ich habe einige Listenelemente min-height: 12em Set - für den DesktopMin-height Auto in iOS ignoriert mobilen

Wenn für Tablette/mobile Bildschirme eine Verkleinerung ich diese zurücksetzen wollen: min-height: auto

jedoch iPad/iPhone dies und hält den 12em ignoriert

ich auch height: auto

+0

Wie verändern Sie diese Eigenschaft für die iOS-Geräte? Funktioniert es unter Android? Ohne weitere Informationen ist dies nur ein Ratespiel. –

+0

Arbeiten Sie in Titan iPhone Entwicklung? –

+1

Veröffentlichen Sie Ihre Medienabfragen css. –

Antwort

10

Verwenden Sie den folgenden Code festgelegt haben:

/* 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; 
    } 
} 

So verwenden inherit statt auto

ich diese auf meinem iPhone getestet, aber mit einer anderen Abfrage Medien .. prüfen this post, um einige der Medien-Anfragen für Standardgeräte zu sehen ..

+0

Danke dafür - funktioniert perfekt :-) – topiman

+0

Funktioniert wie ein Zauber. Vielen Dank!!! –