Come isolare piattaforme specifiche usando selettori CSS nella struttura ionica

Question

Mi sono imbattuto in una situazione rara (anche se è comprensibile a causa di diversi comportamenti tra Android e iOS) in cui volevo utilizzare uno stile diverso specificamente per iOS in un'applicazione Cordova I sto sviluppando sulla struttura ionica.

Mi chiedevo il modo migliore per isolare i miei selettori in base alla piattaforma? Fondamentalmente mi sono chiesto come inserire una classe nel tag body di ogni pagina della mia app che identifica la piattaforma.

Le mie opzioni iniziali erano che potevo usare il CordovaDeviceModule e restituire la piattaforma tramite una direttiva personalizzata o una classe ng. Ma è un po 'pesante, ionico fornisce un modo più pulito per identificare la piattaforma?

Sono in esecuzione ionico, v1.0.0-beta.13

Answer 1

Così si scopre ionico hanno classi piattaforma da forno nella classe corpo già, piacevole e facile.

Tutto quello che dovevo fare era selezionare il

.platform-ios { 

} 

ecco un articolo con più

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

Io ancora non sono stati in grado di trovare un elenco chiaro del corpo disponibili selettori di piattaforma documentati, ma ecco quello che ho trovato finora.

.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 

Credo piattaforma-c si riferisce al grado dispositivo come discusso qui: http://ionicframework.com/docs/api/utility/ionic.Platform/