Wie isoliert man bestimmte Plattformen mit CSS-Selektoren im ionischen Rahmen?

Question

Ich stieß auf eine seltene Situation (obwohl es verschiedene Verhaltensweisen zwischen Android und iOS verständlich ist), wo ich einen anderen Stil speziell für iOS in einer Cordova App verwenden wollte Ich entwickle mich auf dem Ionic-Framework.

Ich fragte mich, wie ich meine Selektoren basierend auf der Plattform am besten isolieren könnte? Grundsätzlich fragte ich mich, wie ich eine Klasse in das Body-Tag jeder Seite meiner App einfügen konnte, um die Plattform zu identifizieren.

Meine anfänglichen Optionen waren, konnte ich das CordovaDeviceModule verwenden und die Plattform über eine benutzerdefinierte Anweisung oder ng-Klasse zurückgeben. Aber ist das ein bisschen schwer, bietet ionischen einen saubereren Weg, um die Plattform zu identifizieren?

Ich bin mit Ionic, v1.0.0-beta.13

Answer 1

So stellt sich heraus ionische haben gebacken Plattformklassen in den Körper Klasse bereits, schön und einfach.

Alles, was ich hatte, war auf

.platform-ios { 

} 

hier wählen Sie zu tun, ist ein Artikel mit mehr

http://forum.ionicframework.com/t/how-to-use-platform-ios-and-platform-cordova-css-classes/5898

Ich habe immer noch nicht in der Lage gewesen, eine klare Liste der verfügbaren Körper zu finden Plattform Selektoren dokumentiert, aber hier ist, was ich bisher gefunden habe.

.platform-ios 
.platform-cordova 
.platform-ipad 
.platform-browser 
.platform-linux 
.platform-android 
.platform-android4_2 
.platform-c 
.platform-macintel 
.platform-ios8 
.platform-ios8_1 
.platform-webview 

Ich denke, plattform c Gerät Klasse bezieht sich, wie hier diskutiert: http://ionicframework.com/docs/api/utility/ionic.Platform/