2017-04-16 5 views
1

Ich versuche, einige Elemente in iPhone 5 & 5S im Portrait & Landschaft zu verstecken, aber es war für alle iPhone-Geräte, darunter ist der Code wirksam.Targeting iPhone 5 & 5S in Porträt & Landschaft Ausgabe

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 

span.hmlabel{ 
display:none; 
} 

} 
+0

Da haben Sie einen js-Tag: Der Blick in mit Hilfe von JavaScript-Navigator Objekt CSS oder eine Klasse für einen bestimmten Client hinzuzufügen. Einige Beispiele [hier] (http://stackoverflow.com/questions/4345671/how-to-change-css-class-depends-on-browser/26780555#26780555) und [hier] (http://stackoverflow.com/questions/15550890/conditional-css-for-internet-explorer-10-only/15551240 # 15551240) – yezzz

+0

Haben Sie versucht, sich das anzuschauen? http://stackoverflow.com/questions/12539697/iphone-5-css-media-query? Wenn ja, und es funktioniert nicht, dann brauchen Sie vielleicht einige js Hilfe für diese –

+0

Lesung iphone5 hat einen längeren Bildschirm vertikal Sie könnten mit Targeting spezifische (min/max) Breite und eine Mindesthöhe größer als "Standard" bekommen. Ansonsten verwende das Verhältnis oder js. – yezzz

Antwort

0
I just tired like this works perfect. 

@media screen and (device-aspect-ratio: 40/71) { 
    span.hmlabel{ 
    display:none; 
    } 
} 

@media screen and (device-aspect-ratio: 71/40) { 
    span.hmlabel{ 
    display:none; 
    } 
} 
Verwandte Themen