Wie zu isolieren spezifischen Plattformen über CSS-Selektoren in dem Ionic framework

Stieß ich auf eine seltene situation (obwohl es nachvollziehbar, da unterschiedliche Verhaltensweisen zwischen selbst Android und iOS), wo ich wollte einen anderen Stil, die speziell für iOS in einer Cordova-app, die ich entwickle auf dem Ionic-framework.

Fragte ich mich, der beste Weg, um zu isolieren, meine Selektoren basiert auf der Plattform? Im Grunde fragte ich mich, wie konnte ich einfügen einer Klasse in den body-tag auf jeder Seite in meine app identifizieren die Plattform.

Meiner ersten Optionen waren, die ich verwenden könnte, die CordovaDeviceModule und zurück die Plattform über eine benutzerdefinierte Richtlinie, oder ng-Klasse. Aber ist das ein bisschen ungeschickt, nicht Ionische bieten eine bessere Möglichkeit zur Identifizierung der Plattform?

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

InformationsquelleAutor JDawgg | 2014-12-11
  1. 8

    So stellt es sich heraus ionic haben Plattform Klassen gebacken in den Körper schon Klasse, schön und einfach.

    Alle die ich tun musste, war, wählen Sie auf

    .platform-ios {

}

    hier ist ein Artikel mit mehr

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

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

    .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, dass Plattform-c bezieht sich auf Gerät Grad hier diskutiert: http://ionicframework.com/docs/api/utility/ionic.Platform/

    InformationsquelleAutor JDawgg
Schreibe einen Kommentar